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