From cd76576c04196db2157377a8ab131e64d9dea7b7 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 May 2021 17:15:38 +0200 Subject: Improved headings --- assets/css/_basics.scss | 3 ++- assets/css/_vars.scss | 4 ++-- assets/css/scopes/_headlines.scss | 19 +------------------ 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; -- cgit v1.2.3-70-g09d2