diff options
author | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-22 08:23:33 +0200 |
commit | 5855a6821cf5585378a70f9bee13563bdbfe2d86 (patch) | |
tree | 0ee25906c9e73912137a56b7d6214c89bf43e8a6 /src/objects/_heading.scss | |
parent | Update (diff) | |
download | iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.gz iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.tar.bz2 iro-design-5855a6821cf5585378a70f9bee13563bdbfe2d86.zip |
Less broad imports
Diffstat (limited to 'src/objects/_heading.scss')
-rw-r--r-- | src/objects/_heading.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 7efb23b..f3ee5b5 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
2 | @use 'iro-sass/src/iro-sass' as iro; | 2 | @use 'iro-sass/src/bem' as bem; |
3 | @use 'iro-sass/src/props'; | 3 | @use 'iro-sass/src/props'; |
4 | @use '../props' as *; | 4 | @use '../props' as *; |
5 | 5 | ||
@@ -9,7 +9,7 @@ | |||
9 | @mixin styles { | 9 | @mixin styles { |
10 | @include materialize-at-root(meta.module-variables('vars')); | 10 | @include materialize-at-root(meta.module-variables('vars')); |
11 | 11 | ||
12 | @include iro.bem-object('heading') { | 12 | @include bem.object('heading') { |
13 | display: block; | 13 | display: block; |
14 | margin-block-start: props.get(vars.$margin-bs); | 14 | margin-block-start: props.get(vars.$margin-bs); |
15 | font-family: props.get(vars.$font-family); | 15 | font-family: props.get(vars.$font-family); |
@@ -24,7 +24,7 @@ | |||
24 | margin-block-start: props.get(vars.$margin-bs-sibling); | 24 | margin-block-start: props.get(vars.$margin-bs-sibling); |
25 | } | 25 | } |
26 | 26 | ||
27 | @include iro.bem-elem('highlight') { | 27 | @include bem.elem('highlight') { |
28 | background-image: linear-gradient(to top, | 28 | background-image: linear-gradient(to top, |
29 | transparent .05em, | 29 | transparent .05em, |
30 | props.get(vars.$bg-color) .05em, | 30 | props.get(vars.$bg-color) .05em, |
@@ -33,7 +33,7 @@ | |||
33 | } | 33 | } |
34 | 34 | ||
35 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in vars.$sizes { | 35 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in vars.$sizes { |
36 | @include iro.bem-modifier($mod) { | 36 | @include bem.modifier($mod) { |
37 | font-family: props.get($font-family); | 37 | font-family: props.get($font-family); |
38 | font-size: props.get($font-size); | 38 | font-size: props.get($font-size); |
39 | font-weight: props.get($font-weight); | 39 | font-weight: props.get($font-weight); |
@@ -43,9 +43,9 @@ | |||
43 | } | 43 | } |
44 | } | 44 | } |
45 | 45 | ||
46 | @include iro.bem-modifier('display') { | 46 | @include bem.modifier('display') { |
47 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in vars.$display--sizes { | 47 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in vars.$display--sizes { |
48 | @include iro.bem-modifier($mod) { | 48 | @include bem.modifier($mod) { |
49 | font-family: props.get($font-family); | 49 | font-family: props.get($font-family); |
50 | font-size: props.get($font-size); | 50 | font-size: props.get($font-size); |
51 | font-weight: props.get($font-weight); | 51 | font-weight: props.get($font-weight); |