From 992332a0a02519f1155eca113353aa7dafe362ec Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 10 Jan 2023 15:24:44 +0100 Subject: Added smaller set of headings --- src/scopes/_headings.scss | 29 ++++++++++++++++++----------- 1 file changed, 18 insertions(+), 11 deletions(-) (limited to 'src/scopes/_headings.scss') diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 58bac7f..fc4991a 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss @@ -21,17 +21,17 @@ h1 { color: fn.foreign-color(--heading, --strong); - font-size: fn.global-dim(--font-size --900); + font-size: fn.global-dim(--font-size --400); } h2 { color: fn.foreign-color(--heading, --strong); - font-size: fn.global-dim(--font-size --600); + font-size: fn.global-dim(--font-size --300); } h3 { color: fn.foreign-color(--heading, --strong); - font-size: fn.global-dim(--font-size --300); + font-size: fn.global-dim(--font-size --200); } h4 { @@ -65,14 +65,21 @@ color: fn.foreign-color(--heading, --light); } - @include iro.bem-elem('primary') { - background-image: linear-gradient( - to top, - transparent .15em, - fn.foreign-color(--heading, --bg) .15em, - fn.foreign-color(--heading, --bg) .6em, - transparent .6em - ); + @include iro.bem-modifier('display') { + h1 { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --900); + } + + h2 { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --600); + } + + h3 { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --300); + } } } } -- cgit v1.2.3-54-g00ecf