.post_small {

padding-bottom: 1em;

&--main {
  margin: 0;
  padding: 0;
}

&__title {
  @include header-font;

  font-size: 1.75em;
  color: $header-color;
  margin: 0.5em 0 0.2em;
}

&__title_link {
  color: $text-color;

  &:hover {
    .post_small__title {
      color: $text-color;
    }
  }
}

&__cover {
  border-radius: 50px;
  float: left;
  margin-right: 1rem;
}

&__description {
  @include text-font;

  color: #444;
  line-height: 1.8em;
}

&__meta {
  color: $text-color;
  font-size: 80%;
  margin: 0;
  text-transform: uppercase;
}

&__category {
  margin: 0 0.1em;
  padding: 0.3em 1em;
  color: #fff;
  background: #999;
  font-size: 80%;
}

&__images {
  margin: 1em 0;
}

&__image_meta {
  margin-top: -3.5em;
  margin-left: 1em;
  color: #fff;
  text-shadow: 0 1px 1px #333;
}

&__category {
  &--design {
    background: #5aba59;
  }
  &--pure {
    background: #4d85d1;
  }
  &--yui {
    background: #8156a7;
  }
  &--js {
    background: #df2d4f;
  }
}

}