.wrapper-outer {
border-color: $color-body-divider; border-style: solid; border-width: 1px 0; margin-bottom: $spacing-4; @media screen and (min-width: $breakpoint-sm) { border-width: 1px; margin-left: $spacing-2; margin-right: $spacing-2; }
}
.wrapper-inner {
background: $color-bg-base; margin: $spacing-2 0; @media screen and (min-width: $breakpoint-sm) { margin: $spacing-2; padding: $spacing-4; }
}
.post-list {
@extend .list-none; padding: $spacing-4 0; li { margin: $spacing-8 0; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } }
}
.post-meta {
@extend .font-sans; @extend .text-secondary; font-size: .85em; text-transform: uppercase;
}
.post-title {
margin-bottom: 0; margin-top: $spacing-1;
}
.post-link {
text-decoration: none; &:active, &:hover { @extend .text-primary; text-decoration: underline; }
}
.subscribe-link {
@extend .font-sans; margin-top: $spacing-8;
}
.social-link {
text-decoration: none; span.icon { display: inline-block; margin-right: $spacing-1; svg { fill: $gray-dark-3; vertical-align: middle; } } span.username { display: inline-block; text-decoration: underline; }
}