From e209d7b637c2a96ca6a90f773e49ed1f16b61719 Mon Sep 17 00:00:00 2001 From: Xevion Date: Thu, 31 Mar 2022 17:02:53 -0500 Subject: [PATCH] Optimize & Reformat website theme scss --- _sass/main.scss | 89 +++++++++++++++++++++++++++++++------------------ 1 file changed, 56 insertions(+), 33 deletions(-) diff --git a/_sass/main.scss b/_sass/main.scss index 3474781..e613427 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -33,7 +33,8 @@ body { color: white; } -p, table { +p, +table { margin: 0.5em 0; } @@ -54,11 +55,13 @@ header span { letter-spacing: 0; } -aside, blockquote { +aside, +blockquote { margin: 1em 1em 1em 4em; } -aside.references:before, blockquote:before { +aside.references:before, +blockquote:before { display: block; float: left; margin-left: -4rem; @@ -71,17 +74,20 @@ aside.references:before { font-family: Symbola, serif; /* OPEN BOOK in text presentation */ - content: '\1F4D6\FE0E'; + content: "\1F4D6\FE0E"; } blockquote:before { font-size: 4em; margin-top: -1rem; - content: '“'; + content: "“"; } -h1, h2, h3, h4 { +h1, +h2, +h3, +h4 { margin-top: 0.5em; } @@ -130,7 +136,8 @@ pre { } } -a, hr { +a, +hr { color: white; } @@ -138,33 +145,47 @@ hr { font-size: 1.5em; margin: 1rem 0; border: none; + &:before { + display: block; + text-align: center; + content: "❦ ❦ ❦"; + } } -hr:before { - display: block; - text-align: center; - content: "❦ ❦ ❦"; -} - -i, i *, em, em * { +i, +i *, +em, +em * { font-style: italic; } -b, b *, strong, strong * { +b, +b *, +strong, +strong * { font-weight: bold; } -strong, strong * { +strong, +strong * { font-style: italic; } -ul, ol, dl { +ul, +ol, +dl { margin: 0.5em 0 0.5em 2em; } -ul ul, ul ol, ul dl, -ol ul, ol ol, ol dl, -dl ul, dl ol, dl dl { +ul ul, +ul ol, +ul dl, +ol ul, +ol ol, +ol dl, +dl ul, +dl ol, +dl dl { margin: 0 0 0 2em; list-style: circle outside none; } @@ -213,20 +234,20 @@ nav a { padding: 0.25em 0; } -.post_date a { - text-decoration: none; -} - -.post_date .date { - font-size: 2em; +.post_date { + a { + text-decoration: none; + } + .date { + font-size: 2em; + } } .post_combo { margin-top: 0.75em; -} - -.post_combo > h2 { - display: inline; + > h2 { + display: inline; + } } .post_image { @@ -245,7 +266,8 @@ nav a { } // Show site with proper CSS styling -html, body { +html, +body { visibility: visible !important; } @@ -277,7 +299,8 @@ figcaption { } article { - img, video { + img, + video { object-fit: contain; max-width: 100%; max-height: 100%; @@ -289,4 +312,4 @@ article { .text-center { text-align: center; -} \ No newline at end of file +}