diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-07 10:56:11 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-07 10:56:11 +0100 |
| commit | cad79b949b060cd360582c2d208b37a51578e778 (patch) | |
| tree | a32f05975ce6b0c557a2c9b7d57772ad0e18e40e /src/objects/_heading.scss | |
| parent | Added status indicator and avatar (diff) | |
| download | iro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.gz iro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.bz2 iro-design-cad79b949b060cd360582c2d208b37a51578e778.zip | |
Improved font handling
Diffstat (limited to 'src/objects/_heading.scss')
| -rw-r--r-- | src/objects/_heading.scss | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 7d67a87..2af8e19 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -1,7 +1,5 @@ | |||
| 1 | @use 'iro-sass/src/index' as iro; | 1 | @use 'iro-sass/src/index' as iro; |
| 2 | @use '../functions' as fn; | 2 | @use '../functions' as fn; |
| 3 | @use '../vars'; | ||
| 4 | @use '../mixins/typography'; | ||
| 5 | 3 | ||
| 6 | @include iro.props-namespace('heading') { | 4 | @include iro.props-namespace('heading') { |
| 7 | @include iro.props-store(( | 5 | @include iro.props-store(( |
| @@ -22,7 +20,7 @@ | |||
| 22 | ), 'colors'); | 20 | ), 'colors'); |
| 23 | 21 | ||
| 24 | @include iro.bem-object(iro.props-namespace()) { | 22 | @include iro.bem-object(iro.props-namespace()) { |
| 25 | @include typography.set-font(vars.$font--headline); | 23 | @include fn.set-font(--headline); |
| 26 | 24 | ||
| 27 | display: block; | 25 | display: block; |
| 28 | margin-top: fn.dim(--in-page-margin --top); | 26 | margin-top: fn.dim(--in-page-margin --top); |
| @@ -53,7 +51,7 @@ | |||
| 53 | } | 51 | } |
| 54 | 52 | ||
| 55 | @include iro.bem-modifier('sm') { | 53 | @include iro.bem-modifier('sm') { |
| 56 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 54 | @include fn.set-font(--standard, (--line-height: fn.global-dim(--font --headline --line-height))); |
| 57 | 55 | ||
| 58 | color: fn.color(--strong); | 56 | color: fn.color(--strong); |
| 59 | font-size: fn.global-dim(--font-size --md); | 57 | font-size: fn.global-dim(--font-size --md); |
| @@ -61,7 +59,7 @@ | |||
| 61 | } | 59 | } |
| 62 | 60 | ||
| 63 | @include iro.bem-modifier('xs') { | 61 | @include iro.bem-modifier('xs') { |
| 64 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 62 | @include fn.set-font(--standard, (--line-height: fn.global-dim(--font --headline --line-height))); |
| 65 | 63 | ||
| 66 | color: fn.color(--light); | 64 | color: fn.color(--light); |
| 67 | font-size: fn.global-dim(--font-size --xs); | 65 | font-size: fn.global-dim(--font-size --xs); |
