post.scss

.post {
  flex: 0 0 100%;
  padding: g();
  position: relative;
  width: 100%;

  @media #{$bp2} {
    flex: 0 0 50%;
  }
}

.post-date {
  color: $red;
  font-size: $font-size-small;
  font-weight: bold;
  line-height: g(.75);
  margin-bottom: g(.5);
  margin-top: g(-.25);
  order: -1;
}

.post-excerpt {
  margin-bottom: 0;
}

.post-link {
  @include extend-clickable-area;
  display: flex;
  flex-direction: column;
  margin: 0 0 g(.5);

  @include hover {
    box-shadow: none;
  }
}

.post-title {
  margin: 0;
}