.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; } }
}