/* ==========================================================================
SINGLE POST ========================================================================== */
main {
@include container; @include clearfix; margin-top: 2em; padding-left: 1em; padding-right: 1em; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.35s; animation-delay: 0.35s;
}
.post {
margin-bottom: 2em; float: none; margin: 0 auto; padding: 0; max-width: $max-width; @include breakpoint($small) { padding: 0 0.75rem; } h1, h2, h3, h4, h5, h6 { font-weight: bold; }
}
.post__title {
margin-top: 0; line-height: 1; padding-bottom: 0.2em; font-size: $type-size-1; margin-bottom: 0; & + .post__meta { margin-top: -0.5em; }
}
.post__content {
p, li, dl { font-size: 1em; } /* blockquote citations */ blockquote + .small { margin-top: -1.5em; padding-left: 1.25rem; }
}
/*
Social sharing ========================================================================== */
.post__share {
margin-top: 2em; padding-top: 1em; padding-bottom: 1em; border-top: 1px solid $border-color;
}
/*
Post meta ========================================================================== */
.post__meta {
margin-top: 2em; color: mix(#fff, $gray, 25%); font-size: $type-size-5; p { margin: 0; } a { color: inherit; }
}