danbarber.me/_assets/stylesheets/parts/archive.css.scss

#archive {
  #content > div {
    &, > article {
      padding-top: 0;
    }
  }
}

#blog-archives {
  padding-top: 1em;
  article {
    padding: 0 0 1em;
    position: relative;
    &:last-child {
      border: none;
    }
    footer {
      padding: 0;
      margin: 0;
    }
  }
  h1 {
    margin-top: 0;
    color: $text-color;
    margin-bottom: 0.3em;
  }
  h2 {
    display: none;
  }
  h1 {
    font-size: 1.5em;
    a {
      color: inherit;
      text-decoration: none;
      &:hover {
        color: $link-color-hover;
        text-decoration: underline;
      }
      font-weight: normal;
      display: inline-block;
    }
  }
  a.category, time {
    color: $text-color-light;
  }
  color: $text-color-light;
  .entry-content {
    display: none;
  }
  time {
    font-size: 0.9em;
    line-height: 1.2em;
    .month, .day {
      display: inline-block;
    }
    .month {
      text-transform: uppercase;
    }
  }
  p {
    margin-bottom: 1em;
  }
  &, .entry-content {
    a {
      color: inherit;
      &:hover {
        color: $link-color-hover;
      }
    }
  }
  a:hover {
    color: $link-color-hover;
  }
  @media only screen and (min-width: 550px) {
    article {
      margin-left: 5em;
    }
    h2 {
      margin-top: 0;
      margin-bottom: 0.3em;
      font-weight: normal;
      display: inline-block;
      position: relative;
      top: -1px;
      float: left;
    }
    time {
      position: absolute;
      text-align: right;
      left: 0em;
      top: 0.3em;
    }
    .year {
      display: none;
    }
    article {
      padding: {
        left: 4.5em;
        bottom: 0.7em;
      };
    }
    a.category {
      line-height: 1.1em;
    }
  }
}

#content > .category {
  article {
    margin-left: 0;
    padding-left: 6.8em;
  }
  .year {
    display: inline;
  }
}