diff options
Diffstat (limited to 'src/objects/_heading.scss')
-rw-r--r-- | src/objects/_heading.scss | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 6dcf7e9..41b33e6 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -4,15 +4,15 @@ | |||
4 | @use '../config'; | 4 | @use '../config'; |
5 | @use 'include-media/dist/include-media' as media; | 5 | @use 'include-media/dist/include-media' as media; |
6 | 6 | ||
7 | $sizes: 'xxl' 'xl' 'lg' 'md' 'sm' 'xs'; | ||
8 | |||
7 | @include iro.props-namespace('heading') { | 9 | @include iro.props-namespace('heading') { |
8 | @include iro.props-store(( | 10 | @include iro.props-store(( |
9 | --dims: ( | 11 | --dims: ( |
10 | --offset: -.02em, | 12 | --offset: -.02em, |
11 | ), | 13 | ), |
12 | --colors: ( | 14 | --colors: ( |
13 | --light: fn.global-color(--text-mute), | 15 | --bg: fn.global-color(--bg-l2), |
14 | --strong: fn.global-color(--heading), | ||
15 | --bg: fn.global-color(--bg-l2), | ||
16 | ), | 16 | ), |
17 | )); | 17 | )); |
18 | 18 | ||
@@ -44,10 +44,22 @@ | |||
44 | } | 44 | } |
45 | 45 | ||
46 | @include iro.bem-modifier('xl') { | 46 | @include iro.bem-modifier('xl') { |
47 | @include mx.heading-strong(--md); | ||
48 | } | ||
49 | |||
50 | @include iro.bem-modifier('lg') { | ||
47 | @include mx.heading-medium(--md); | 51 | @include mx.heading-medium(--md); |
48 | } | 52 | } |
49 | 53 | ||
50 | @include iro.bem-modifier('lg', 'md', 'sm', 'xs') { | 54 | @include iro.bem-modifier('md') { |
55 | @include mx.heading-medium(--md); | ||
56 | } | ||
57 | |||
58 | @include iro.bem-modifier('sm') { | ||
59 | @include mx.heading-faint(--sm); | ||
60 | } | ||
61 | |||
62 | @include iro.bem-modifier('xs') { | ||
51 | @include mx.heading-faint(--sm); | 63 | @include mx.heading-faint(--sm); |
52 | } | 64 | } |
53 | 65 | ||