From 248a90eb5fe1f5fa624423b81d0b18df85fabe35 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 14 Feb 2022 18:45:32 +0100 Subject: Restructured size variables --- src/objects/_heading.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'src/objects/_heading.scss') diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index b5f02d8..48088ba 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss @@ -6,9 +6,9 @@ @include iro.props-store(( --dims: ( --in-page-margin: ( - --top: fn.global-dim(--spacing --lg), - --top-sibling: fn.global-dim(--spacing --md), - --bottom: fn.global-dim(--spacing --sm), + --top: fn.global-dim(--size --500), + --top-sibling: fn.global-dim(--size --325), + --bottom: fn.global-dim(--size --150), ), ), ), 'dims'); @@ -33,28 +33,28 @@ @include iro.bem-modifier('xxl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xxxl); + font-size: fn.global-dim(--font-size --400); } @include iro.bem-modifier('xl') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xxl); + font-size: fn.global-dim(--font-size --300); } @include iro.bem-modifier('lg') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --xl); + font-size: fn.global-dim(--font-size --200); } @include iro.bem-modifier('md') { color: fn.color(--strong); - font-size: fn.global-dim(--font-size --lg); + font-size: fn.global-dim(--font-size --150); } @include iro.bem-modifier('sm') { @include mx.set-font(--standard, ( --line-height: null, - --size: fn.global-dim(--font-size --md), + --size: fn.global-dim(--font-size --100), --weight: 500 )); @@ -64,7 +64,7 @@ @include iro.bem-modifier('xs') { @include mx.set-font(--standard, ( --line-height: null, - --size: fn.global-dim(--font-size --xs), + --size: fn.global-dim(--font-size --50), --weight: 500, --transform: uppercase, --spacing: .5px -- cgit v1.2.3-54-g00ecf