diff --git a/src/styles/_text-layout.scss b/src/styles/_text-layout.scss index f456cfd..b76fa81 100644 --- a/src/styles/_text-layout.scss +++ b/src/styles/_text-layout.scss @@ -8,8 +8,10 @@ } &__wrap { - > :first-child { - margin-top: 0; + // CSS Owl Selector + // https://dev.to/kevtiq/an-ode-to-the-css-owl-selector-359c + > * + * { + margin-top: 24px; } a { @@ -20,39 +22,36 @@ color: $jambonz; } - > p, > blockquote > p { + p { @include ms(); } - > blockquote { + blockquote { padding-left: 16px; - > p { + p { font-family: $font-regular-italic; border-left: 3px solid $jambonz; padding-left: 10px; } } - > p, > div, > ul, > ol, > table, > blockquote { - margin: 16px 0; - } - - > ol { + ol { padding-left: 16px; - > li { + li { list-style-type: decimal; margin: 16px 0; - &::marker, > p { + p, + &::marker { @include p(); font-size: 14px; } } } - > ul { + ul { padding-left: 32px; li { @@ -61,7 +60,7 @@ } } - > table { + table { @include ms(); width: 100%; @@ -81,6 +80,10 @@ } } + pre[class*="language-"] { + margin: 0; + } + code[class*="language-"], pre[class*="language-"] { font-size: 0.82em;