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/objects/_heading.scss | 29 ++++++++++++++++++----------- 1 file changed, 18 insertions(+), 11 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 6264072..56d4987 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss @@ -27,17 +27,17 @@ @include iro.bem-modifier('xxl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --900); + font-size: fn.global-dim(--font-size --400); } @include iro.bem-modifier('xl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --600); + font-size: fn.global-dim(--font-size --300); } @include iro.bem-modifier('lg') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --300); + font-size: fn.global-dim(--font-size --200); } @include iro.bem-modifier('md') { @@ -71,14 +71,21 @@ color: fn.color(--light); } - @include iro.bem-elem('primary') { - background-image: linear-gradient( - to top, - transparent .15em, - fn.color(--bg) .15em, - fn.color(--bg) .6em, - transparent .6em - ); + @include iro.bem-modifier('display') { + @include iro.bem-modifier('xxl') { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --900); + } + + @include iro.bem-modifier('xl') { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --600); + } + + @include iro.bem-modifier('l') { + color: fn.foreign-color(--heading, --strong); + font-size: fn.global-dim(--font-size --300); + } } } } -- cgit v1.2.3-70-g09d2