Optimizations, Update Readme YellowLabTools

1 files changed, 54 insertions, 54 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