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); |