Optimizations, Update Readme YellowLabTools

4 files changed, 89 insertions, 89 deletions

diff --git a/sass/include/_sectioning.scss b/sass/include/_sectioning.scss
index 948e3e2..dd1026e 100644
--- a/sass/include/_sectioning.scss
+++ b/sass/include/_sectioning.scss
@@ -17,72 +17,72 @@ main {
 body {
   width: 100%;
   margin: 0;
+}
 
-  > header,
-  > main,
-  > footer {
-    width: 100%;
-    margin-right: auto;
-    margin-left: auto;
+header,
+main,
+footer {
+  width: 100%;
+  margin-right: auto;
+  margin-left: auto;
 
-    // Semantic container
-    @if $enable-semantic-container {
-      padding: var(--s1);
+  // Semantic container
+  @if $enable-semantic-container {
+    padding: var(--s1);
 
-      // Centered viewport max-width only
-      @if $enable-maxwidth {
-        @media (min-width: $mb) {
-            min-width: $mb;
-            max-width: $mw;
-        }
+    // Centered viewport max-width only
+    @if $enable-maxwidth {
+      @media (min-width: $mb) {
+          min-width: $mb;
+          max-width: $mw;
       }
-      // Centered viewport
-      @else if $enable-viewport {
-        @if map-get($breakpoints, "sm") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "sm")) {
-            max-width: map-get($viewports, "sm");
-            //padding-right: 0;
-            //padding-left: 0;
-            .toc {
-              display: none;
-            }
+    }
+    // Centered viewport
+    @else if $enable-viewport {
+      @if map-get($breakpoints, "sm") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "sm")) {
+          max-width: map-get($viewports, "sm");
+          //padding-right: 0;
+          //padding-left: 0;
+          .toc {
+            display: none;
           }
         }
-        @if map-get($breakpoints, "md") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "md")) {
-            max-width: map-get($viewports, "md");
-          }
+      }
+      @if map-get($breakpoints, "md") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "md")) {
+          max-width: map-get($viewports, "md");
         }
-        @if map-get($breakpoints, "lg") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "lg")) {
-            max-width: map-get($viewports, "lg");
-          }
+      }
+      @if map-get($breakpoints, "lg") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "lg")) {
+          max-width: map-get($viewports, "lg");
         }
-        @if map-get($breakpoints, "xl") and $enable-viewport {
-          @media (min-width: map-get($breakpoints, "xl")) {
-            max-width: map-get($viewports, "xl");
-          }
+      }
+      @if map-get($breakpoints, "xl") and $enable-viewport {
+        @media (min-width: map-get($breakpoints, "xl")) {
+          max-width: map-get($viewports, "xl");
         }
       }
     }
-    // Semantic container
-    @else {
-      padding: var(--s1) 0;
-    }
   }
-  header, main {
-    padding-top: 0;
-    margin-top: 0;
-    padding-bottom: 0;
-    margin-bottom: 0;
-    hr {
-      margin:0.1rem 0
-    }
+  // Semantic container
+  @else {
+    padding: var(--s1) 0;
   }
-  footer{
-    line-height: var(--lhh);
-    hr, p {
-      margin: 0.1rem 0 .3rem
-    }
+}
+header, main {
+  padding-top: 0;
+  margin-top: 0;
+  padding-bottom: 0;
+  margin-bottom: 0;
+  hr {
+    margin:0.1rem 0
   }
 }
+footer{
+  line-height: var(--lhh);
+  hr, p {
+    margin: 0.1rem 0 .3rem
+  }
+}
\ No newline at end of file
diff --git a/sass/include/_table.scss b/sass/include/_table.scss
index 0c4befc..0ed3eea 100644
--- a/sass/include/_table.scss
+++ b/sass/include/_table.scss
@@ -6,23 +6,22 @@ table {
   caption {
     margin-bottom: .5rem;
   }
-  tr {
-    border-bottom: var(--bw) solid var(--c3);
-  }
-  td,
-  th {
-    padding: var(--s1);
-  }
-  th {
-    text-align: left;
-  }
-
-  // Striped
-  tbody tr:nth-child(even) {
-    background-color: var(--c2);
-  }
-  thead tr {
-    border-top: var(--bw) solid var(--c3);
-    background-color: var(--c2);
-  }
 }
+tr {
+  border-bottom: var(--bw) solid var(--c3);
+}
+td,
+th {
+  padding: var(--s1);
+}
+th {
+  text-align: left;
+}
+// Striped
+tbody tr:nth-child(even) {
+  background-color: var(--c2);
+}
+thead tr {
+  border-top: var(--bw) solid var(--c3);
+  background-color: var(--c2);
+}
\ No newline at end of file
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
index db39f35..ede2aa0 100644
--- a/sass/include/_typography.scss
+++ b/sass/include/_typography.scss
@@ -121,10 +121,9 @@ ul,
 ol {
   padding-right: 0;
   padding-left: var(--s2);
-
-  li {
-    margin-bottom: var(--s1);
-  }
+}
+li {
+  margin-bottom: var(--s1);
 }
 
 ul li {
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
index 4f567d9..4e6089c 100644
--- a/sass/include/_zola.scss
+++ b/sass/include/_zola.scss
@@ -42,14 +42,23 @@ pre code[data-lang]::before {
   }
 }
 // Table Override, this is used for Zola's linenos and hl_lines
-code table {
-  font-size: .8rem;
-  margin: 0;
+code {
+  table {
+    font-size: .8rem;
+    margin: 0;
+    // Highlighted text
+    mark {
+      display: block;
+      background-color: var(--c2);
+      color: unset;
+      padding: 0;
+    }
+  }
   td, th, tr {
     padding: 0;
     border-bottom: none;
   }
-  tbody tr td:first-child {
+  tbody td:first-child {
     text-align: center;
     user-select: none;
     min-width: 60px;
@@ -57,11 +66,4 @@ code table {
   tbody tr:nth-child(even), thead tr {
     background-color: unset;
   }
-  // Highlighted text
-  mark {
-    display: block;
-    background-color: var(--c2);
-    color: unset;
-    padding: 0;
-  }
-}
+}
\ No newline at end of file