diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-06 17:26:16 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-06 17:26:16 +0100 |
| commit | ee3fd3a86c236441e161991a56009bb6ddae4458 (patch) | |
| tree | 8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/objects/_heading.scss | |
| parent | Improved variable structure (diff) | |
| download | iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2 iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip | |
Separate function for global props
Diffstat (limited to 'src/objects/_heading.scss')
| -rw-r--r-- | src/objects/_heading.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 393fe14..7d67a87 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -7,17 +7,17 @@ | |||
| 7 | @include iro.props-store(( | 7 | @include iro.props-store(( |
| 8 | --dims: ( | 8 | --dims: ( |
| 9 | --in-page-margin: ( | 9 | --in-page-margin: ( |
| 10 | --top: fn.dim(--spacing --y --lg, $global: true), | 10 | --top: fn.global-dim(--spacing --y --lg), |
| 11 | --top-sibling: fn.dim(--spacing --y --md, $global: true), | 11 | --top-sibling: fn.global-dim(--spacing --y --md), |
| 12 | --bottom: fn.dim(--spacing --y --sm, $global: true), | 12 | --bottom: fn.global-dim(--spacing --y --sm), |
| 13 | ), | 13 | ), |
| 14 | ), | 14 | ), |
| 15 | ), 'dims'); | 15 | ), 'dims'); |
| 16 | 16 | ||
| 17 | @include iro.props-store(( | 17 | @include iro.props-store(( |
| 18 | --colors: ( | 18 | --colors: ( |
| 19 | --light: fn.color(--fg-hi, $global: true), | 19 | --light: fn.global-color(--fg-hi), |
| 20 | --strong: fn.color(--fg-lo, $global: true), | 20 | --strong: fn.global-color(--fg-lo), |
| 21 | ), | 21 | ), |
| 22 | ), 'colors'); | 22 | ), 'colors'); |
| 23 | 23 | ||
| @@ -34,29 +34,29 @@ | |||
| 34 | 34 | ||
| 35 | @include iro.bem-modifier('xxl') { | 35 | @include iro.bem-modifier('xxl') { |
| 36 | color: fn.color(--strong); | 36 | color: fn.color(--strong); |
| 37 | font-size: fn.dim(--font-size --xxxl, $global: true); | 37 | font-size: fn.global-dim(--font-size --xxxl); |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | @include iro.bem-modifier('xl') { | 40 | @include iro.bem-modifier('xl') { |
| 41 | color: fn.color(--strong); | 41 | color: fn.color(--strong); |
| 42 | font-size: fn.dim(--font-size --xxl, $global: true); | 42 | font-size: fn.global-dim(--font-size --xxl); |
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | @include iro.bem-modifier('lg') { | 45 | @include iro.bem-modifier('lg') { |
| 46 | color: fn.color(--strong); | 46 | color: fn.color(--strong); |
| 47 | font-size: fn.dim(--font-size --xl, $global: true); | 47 | font-size: fn.global-dim(--font-size --xl); |
| 48 | } | 48 | } |
| 49 | 49 | ||
| 50 | @include iro.bem-modifier('md') { | 50 | @include iro.bem-modifier('md') { |
| 51 | color: fn.color(--strong); | 51 | color: fn.color(--strong); |
| 52 | font-size: fn.dim(--font-size --lg, $global: true); | 52 | font-size: fn.global-dim(--font-size --lg); |
| 53 | } | 53 | } |
| 54 | 54 | ||
| 55 | @include iro.bem-modifier('sm') { | 55 | @include iro.bem-modifier('sm') { |
| 56 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 56 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); |
| 57 | 57 | ||
| 58 | color: fn.color(--strong); | 58 | color: fn.color(--strong); |
| 59 | font-size: fn.dim(--font-size --md, $global: true); | 59 | font-size: fn.global-dim(--font-size --md); |
| 60 | font-weight: 500; | 60 | font-weight: 500; |
| 61 | } | 61 | } |
| 62 | 62 | ||
| @@ -64,7 +64,7 @@ | |||
| 64 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 64 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); |
| 65 | 65 | ||
| 66 | color: fn.color(--light); | 66 | color: fn.color(--light); |
| 67 | font-size: fn.dim(--font-size --xs, $global: true); | 67 | font-size: fn.global-dim(--font-size --xs); |
| 68 | font-weight: 500; | 68 | font-weight: 500; |
| 69 | text-transform: uppercase; | 69 | text-transform: uppercase; |
| 70 | } | 70 | } |
