Optimize & Reformat website theme scss

_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;
-}
+}