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/scopes/_headings.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/scopes/_headings.scss')
-rw-r--r-- | src/scopes/_headings.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index c786a75..415fb15 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
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 '../objects/heading.vars' as heading; | 4 | @use '../objects/heading.vars' as heading; |
5 | 5 | ||
@@ -14,7 +14,7 @@ | |||
14 | xxl: h1, | 14 | xxl: h1, |
15 | ); | 15 | ); |
16 | 16 | ||
17 | @include iro.bem-scope('headings') { | 17 | @include bem.scope('headings') { |
18 | h1, | 18 | h1, |
19 | h2, | 19 | h2, |
20 | h3, | 20 | h3, |
@@ -32,7 +32,7 @@ | |||
32 | transform: translateX(props.get(heading.$offset)); | 32 | transform: translateX(props.get(heading.$offset)); |
33 | } | 33 | } |
34 | 34 | ||
35 | @include iro.bem-elem('highlight') { | 35 | @include 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(heading.$bg-color) .15em, | 38 | props.get(heading.$bg-color) .15em, |
@@ -51,7 +51,7 @@ | |||
51 | } | 51 | } |
52 | } | 52 | } |
53 | 53 | ||
54 | @include iro.bem-modifier('display') { | 54 | @include bem.modifier('display') { |
55 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$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); |