Improved headings

3 files changed, 5 insertions, 21 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 741061f..9a6a53e 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -146,9 +146,10 @@ h3,
 h4,
 h5,
 h6 {
+    @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale);
+
     margin:         ($line-height * 2rem) 0 0;
     color:          prop(--colors --fg-lo);
-    font-size:      1 / 16 * 14em;
     font-weight:    700;
     letter-spacing: 1px;
     text-transform: uppercase;
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index d22ea64..4dc709b 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -13,8 +13,8 @@ $unit-intervals: (
 );
 
 $responsive-mod-scale: (
-    xs: (.8rem, 1.28),
-    md: (.8rem, 1.53)
+    xs: (1 / 16 * 14rem, 1.28),
+    md: (1 / 16 * 14rem, 1.49)
 );
 
 $font-fam--text:  'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
index 03d6be1..f09481e 100644
--- a/assets/css/scopes/_headlines.scss
+++ b/assets/css/scopes/_headlines.scss
@@ -19,10 +19,7 @@
     @include scope(namespace()) {
         h1,
         h2,
-        h3,
-        h4,
-        h5,
-        h6 {
+        h3 {
             font-family:           $font-fam--large;
             font-weight:           600;
             letter-spacing:        normal;
@@ -50,20 +47,6 @@
             @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
         }
 
-        h4,
-        h5,
-        h6 {
-            @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale);
-        }
-
-        h3,
-        h4,
-        h5,
-        h6 {
-            letter-spacing: 1px;
-            text-transform: uppercase;
-        }
-
         h5,
         h6 {
             color:       currentColor;