#PostPreview > article {
@include justify-content(flex-start); max-width: 900px; margin: 0 auto; padding: 0 1em 6em 1em; width: 100vw; font-size: 1.3em; line-height: 1.6em; h1,h2,h3,h4,h5,h6 { font-weight: bolder; } ul, ol { margin: 1.5em 0; padding-left: 1em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } li { margin: 0.3em 0; padding: 0; } p { margin: 1.5em 0; }
}
#PostPreviewContent > article > figure {
border: 1px solid $gray-blue; img { max-width: 100%; margin: 12px; } figcaption { text-align: center; font-style: italic; font-size: 0.8em; color: $light-blue; background-color: $gray-blue; padding: 0.2em 0.4em; }
}
#PostPreview pre {
background-color: $light-blue; font-size: 0.7em; border-radius: 2px; overflow: hidden; padding: 0; header { padding: 0.3em 1em; background-color: $navy-blue; color: $light-blue; font-style: italic; } code { padding: 1em; display: inline-block; }
}