diff options
author | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
commit | c41e16f6044548e27fbf8e4ef65ed3067278c80b (patch) | |
tree | 90033bba112417a1b7fa833f6a307df56b9799dd /src/scopes/_headings.scss | |
parent | Update (diff) | |
download | iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.gz iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.bz2 iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.zip |
Update
Diffstat (limited to 'src/scopes/_headings.scss')
-rw-r--r-- | src/scopes/_headings.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 2bf7b08..f6f62c3 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
@@ -1,7 +1,7 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/iro-sass' as iro; |
3 | @use '../props'; | 3 | @use '../props'; |
4 | @use '../objects/heading.vars' as headings; | 4 | @use '../objects/heading.vars' as heading; |
5 | 5 | ||
6 | @mixin styles { | 6 | @mixin styles { |
7 | /* stylelint-disable-next-line scss/dollar-variable-pattern */ | 7 | /* stylelint-disable-next-line scss/dollar-variable-pattern */ |
@@ -22,25 +22,25 @@ | |||
22 | h5, | 22 | h5, |
23 | h6 { | 23 | h6 { |
24 | display: block; | 24 | display: block; |
25 | margin-block-start: props.get(headings.$margin-bs); | 25 | margin-block-start: props.get(heading.$margin-bs); |
26 | font-family: props.get(headings.$font-family); | 26 | font-family: props.get(heading.$font-family); |
27 | font-weight: props.get(headings.$font-weight); | 27 | font-weight: props.get(heading.$font-weight); |
28 | font-feature-settings: props.get(headings.$feature-settings); | 28 | font-feature-settings: props.get(heading.$feature-settings); |
29 | line-height: props.get(headings.$line-height); | 29 | line-height: props.get(heading.$line-height); |
30 | text-transform: none; | 30 | text-transform: none; |
31 | letter-spacing: normal; | 31 | letter-spacing: normal; |
32 | transform: translateX(props.get(headings.$offset)); | 32 | transform: translateX(props.get(heading.$offset)); |
33 | } | 33 | } |
34 | 34 | ||
35 | @include iro.bem-elem('highlight') { | 35 | @include iro.bem-elem('highlight') { |
36 | background-image: linear-gradient(to top, | 36 | background-image: linear-gradient(to top, |
37 | transparent .15em, | 37 | transparent .15em, |
38 | props.get(headings.$bg-color) .15em, | 38 | props.get(heading.$bg-color) .15em, |
39 | props.get(headings.$bg-color) .6em, | 39 | props.get(heading.$bg-color) .6em, |
40 | transparent .6em); | 40 | transparent .6em); |
41 | } | 41 | } |
42 | 42 | ||
43 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in headings.$sizes { | 43 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$sizes { |
44 | #{map.get($-size-map, $mod)} { | 44 | #{map.get($-size-map, $mod)} { |
45 | font-family: props.get($font-family); | 45 | font-family: props.get($font-family); |
46 | font-size: props.get($font-size); | 46 | font-size: props.get($font-size); |
@@ -52,7 +52,7 @@ | |||
52 | } | 52 | } |
53 | 53 | ||
54 | @include iro.bem-modifier('display') { | 54 | @include iro.bem-modifier('display') { |
55 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in headings.$display--sizes { | 55 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$display--sizes { |
56 | #{map.get($-size-map, $mod)} { | 56 | #{map.get($-size-map, $mod)} { |
57 | font-family: props.get($font-family); | 57 | font-family: props.get($font-family); |
58 | font-size: props.get($font-size); | 58 | font-size: props.get($font-size); |