Refactoring to fully take advantage of Make

5 files changed, 26 insertions, 16 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index b2a437b..573167c 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -138,13 +138,10 @@ h3,
 h4,
 h5,
 h6 {
-    margin:                ($line-height * 2rem) 0 0;
-    color:                 var(--heading--fg);
-    font-family:           $font-fam--large;
-    font-size:             1em;
-    font-weight:           600;
-    line-height:           1.4;
-    font-feature-settings: 'ss02' 1;
+    margin:      ($line-height * 2rem) 0 0;
+    color:       var(--heading--fg);
+    font-size:   1em;
+    font-weight: 700;
 
     & + & {
         margin-top: $line-height * 1rem;
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 3adce04..0df3a61 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -14,7 +14,7 @@ $unit-intervals: (
 
 $responsive-mod-scale: (
     xs: (.8rem, 1.35),
-    md: (.8rem, 1.58)
+    md: (.8rem, 1.53)
 );
 
 $font-fam--text:  'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss
index 22fa251..e54c83d 100644
--- a/assets/css/components/_outer-button.scss
+++ b/assets/css/components/_outer-button.scss
@@ -24,7 +24,8 @@
         transition:       background-color .2s, color .2s;
         background-color: prop(--colors --bg);
         color:            prop(--colors --fg);
-        font-size:        1 / 16 * 15rem;
+        font-size:        1rem;
+        font-weight:      700;
         letter-spacing:   1px;
         text-decoration:  none;
         text-transform:   uppercase;
@@ -51,8 +52,8 @@
 
         @include element('icon-symbol') {
             display: block;
-            width:   1.45em;
-            height:  1.45em;
+            width:   1.5em;
+            height:  1.5em;
         }
 
         @include element('content') {
@@ -60,6 +61,7 @@
             padding-right: prop(--dims --pad-x);
             padding-left:  prop(--dims --pad-x);
             transition:    border-color .2s;
+            font-size:     1 / 16 * 14em;
             line-height:   prop(--dims --outer, $global: true);
             white-space:   nowrap;
         }
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 8e5f876..96231ad 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -11,12 +11,11 @@
         font-size: 1 / 16 * 19em;
 
         @include element('meta') {
-            margin-top:    $line-height * 1rem;
-            color:         prop(--colors --meta --fg);
-            font-size:     1 / 16 * 15rem;
+            color:     prop(--colors --meta --fg);
+            font-size: 1 / 16 * 15rem;
 
-            + * {
-                margin-top: $line-height * 1.5rem;
+            + h1 {
+                margin-top: $line-height * .5rem;
             }
         }
 
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
index 6b28e9c..8b75708 100644
--- a/assets/css/scopes/_headlines.scss
+++ b/assets/css/scopes/_headlines.scss
@@ -11,6 +11,18 @@
         h1,
         h2,
         h3,
+        h4,
+        h5,
+        h6 {
+            font-family:           $font-fam--large;
+            font-weight:           600;
+            line-height:           1.4;
+            font-feature-settings: 'ss02' 1;
+        }
+
+        h1,
+        h2,
+        h3,
         h4 {
             transform: translateX(-.06em);
         }