WIP: Redesign

1 files changed, 5 insertions, 25 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 64b11cf..d05bc36 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -1,24 +1,3 @@
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style:  normal;
-    font-weight: normal;
-    src:         url('/IBMPlexSans-Regular.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'IBM Plex Sans';
-    font-style:  normal;
-    font-weight: bold;
-    src:         url('/IBMPlexSans-Bold.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'Garet Variable';
-    font-style:  normal;
-    font-weight: 50 950;
-    src:         url('/GaretVariable.woff2') format('woff2-variations');
-}
-
 ::selection {
     background-color: var(--select--bg);
     color:            var(--select--fg);
@@ -37,20 +16,21 @@ code {
 html,
 body,
 main {
-    height: 100%;
+    box-sizing: border-box;
+    height:     100%;
 }
 
 html {
     background-color: prop(--colors --bg);
     color:            prop(--colors --fg);
     font-family:      $font-fam--text;
-    font-size:        px-to-em($font-size, 16px);
+    font-size:        1em / 16px * $font-size;
     line-height:      $line-height;
 }
 
 body {
     margin:  0;
-    padding: 0;
+    padding: prop(--dims --nav --height, $global: true) 0 0;
 }
 
 pre,
@@ -180,7 +160,7 @@ h1 {
 }
 
 p {
-    margin: ($line-height * 1em) 0 0;
+    margin: ($line-height * 1rem) 0 0;
 }
 
 :link,