diff options
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); |
