hscc

commit f18f624aa549d7ed96e6ce7288577c7b516a58e5
parent 17f29e49abad29e7d2c9eb54931639e0980d56bc
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Wed, 27 Oct 2021 19:07:00 -0400

Move the .layout rules into base.css on body selector

Diffstat:
M
src/css/css.sh
 | 
1
-
M
src/css/global/base.css
 | 
34
+++++++++++++++++++++++++++++++++-
D
src/css/modules/layout.css
 | 
30
------------------------------

3 files changed, 33 insertions(+), 32 deletions(-)
diff --git a/src/css/css.sh b/src/css/css.sh
@@ -19,7 +19,6 @@ atoms/typography/titles.css
 atoms/typography/quotes.css
 atoms/buttons/button.css
 
-modules/layout.css
 modules/go-to.css
 modules/nav.css
 modules/main.css
diff --git a/src/css/global/base.css b/src/css/global/base.css
@@ -27,6 +27,39 @@ body {
   line-height: var(--base-line-height);
 }
 
+@media only screen {
+  body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+}
+
+body > * > * {
+  max-width: var(--grid-max-width);
+}
+
+@media screen and (min-width: 15rem) {
+  body > * > * {
+	  padding: 4rem 2rem;
+  }
+
+  body.index > main > div {
+	  padding-bottom: 2rem;
+  }
+
+  body.index > main > aside {
+	  padding-top: 2rem;
+  }
+}
+
+@media only screen {
+  body > main {
+    margin-bottom: auto;
+    margin-top: auto;
+  }
+}
+
 [hidden] + * {
   margin-top: 0 !important;
 }
@@ -114,7 +147,6 @@ table caption {
 
 td,
 th {
-  /* background: var(--base-snippet-bg); */
   border: solid var(--base-snippet-fg);
   border-width: 0 0 1px;
   padding: 0.5rem;
diff --git a/src/css/modules/layout.css b/src/css/modules/layout.css
@@ -1,30 +0,0 @@
-/* @module layout */
-
-.layout {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
-
-.layout > * > * {
-  max-width: var(--grid-max-width);
-}
-
-@media screen and (min-width: 15rem) {
-  .layout > * > * {
-	  padding: 4rem 2rem;
-  }
-
-  .index.layout > main > div {
-	  padding-bottom: 2rem;
-  }
-
-  .index.layout > main > aside {
-	  padding-top: 2rem;
-  }
-}
-
-.layout > main {
-  margin-bottom: auto;
-  margin-top: auto;
-}