WIP: Refactoring

1 files changed, 13 insertions, 25 deletions

diff --git a/src/_base.scss b/src/_base.scss
index 740fe3f..b4ce1ae 100644
--- a/src/_base.scss
+++ b/src/_base.scss
@@ -5,7 +5,7 @@
 @use 'config';
 
 html {
-    scrollbar-color: fn.color(--fg-hi3) fn.color(--bg);
+    scrollbar-color: fn.color(--text-disabled) transparent;
 }
 
 html,
@@ -18,8 +18,8 @@ body {
 
     margin:           0;
     padding:          0;
-    background-color: fn.color(--bg);
-    color:            fn.color(--fg);
+    background-color: fn.color(--bg-base);
+    color:            fn.color(--text);
 }
 
 pre,
@@ -48,21 +48,20 @@ h3,
 h4,
 h5,
 h6 {
-    margin:         fn.dim(--heading --margin-top) 0 0;
-    color:          fn.color(--fg-lo);
+    margin-block:   fn.dim(--heading --margin-bs) 0;
+    color:          fn.color(--heading);
     font-size:      fn.dim(--font-size --75);
     font-weight:    bold;
     letter-spacing: 1px;
     text-transform: uppercase;
 
     & + & {
-        margin-top: fn.dim(--heading --margin-top-sibling);
+        margin-block-start: fn.dim(--heading --margin-bs-sibling);
     }
 }
 
 p {
-    margin-top:    fn.dim(--paragraph --margin-top);
-    margin-bottom: 0;
+    margin-block: fn.dim(--paragraph --margin-bs) 0;
 
     &:empty {
         display: none;
@@ -70,12 +69,12 @@ p {
 }
 
 strong {
-    color:       fn.color(--fg-lo);
+    color:       fn.color(--heading);
     font-weight: bold;
 }
 
 small {
-    color:     fn.color(--fg-hi);
+    color:     fn.color(--text-mute);
     font-size: fn.dim(--font-size --75);
 }
 
@@ -129,11 +128,11 @@ input,
 textarea {
     &::placeholder {
         opacity: 1;
-        color:   fn.color(--obj);
+        color:   fn.color(--text-mute);
     }
 
     &:disabled {
-        color: fn.color(--fg-hi);
+        color: fn.color(--text-disabled);
     }
 }
 
@@ -141,20 +140,9 @@ textarea {
     height: calc(1em * fn.dim(--font --standard --line-height));
 }
 
-::selection {
-    background: fn.color(--selection --bg);
-    color:      fn.color(--selection --fg);
-}
-
-img {
-    &::selection {
-        background: fn.color(--selection --bg-img);
-    }
-}
-
 hr {
     height:           fn.dim(--border --thin);
-    margin:           calc(.5 * (fn.dim(--heading --margin-top) + fn.dim(--paragraph --margin-top))) 0;
+    margin-block:     calc(.5 * (fn.dim(--heading --margin-bs) + fn.dim(--paragraph --margin-bs))) 0;
     border:           0;
-    background-color: fn.color(--obj);
+    background-color: fn.color(--border);
 }