diff options
| author | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-08-06 16:40:56 +0200 |
| commit | 41b0d0497988274057fc2512c822a6bc9d2d3ebd (patch) | |
| tree | 015a95ede42b799ac1fd049baa8b0a853b6d3bb3 /src/objects/_heading.scss | |
| parent | Fix button font size (diff) | |
| download | iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.gz iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.bz2 iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.zip | |
Switch to tab indentation
Diffstat (limited to 'src/objects/_heading.scss')
| -rw-r--r-- | src/objects/_heading.scss | 90 |
1 files changed, 45 insertions, 45 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index bdc7027..d27b595 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -7,54 +7,54 @@ | |||
| 7 | @use 'heading.vars' as vars; | 7 | @use 'heading.vars' as vars; |
| 8 | 8 | ||
| 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 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); |
| 16 | font-weight: props.get(vars.$font-weight); | 16 | font-weight: props.get(vars.$font-weight); |
| 17 | font-feature-settings: props.get(vars.$feature-settings); | 17 | font-feature-settings: props.get(vars.$feature-settings); |
| 18 | line-height: props.get(vars.$line-height); | 18 | line-height: props.get(vars.$line-height); |
| 19 | color: props.get(vars.$text-color); | 19 | color: props.get(vars.$text-color); |
| 20 | text-transform: none; | 20 | text-transform: none; |
| 21 | letter-spacing: normal; | 21 | letter-spacing: normal; |
| 22 | 22 | ||
| 23 | & + & { | 23 | & + & { |
| 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 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, |
| 31 | props.get(vars.$bg-color) .5em, | 31 | props.get(vars.$bg-color) .5em, |
| 32 | transparent .5em); | 32 | transparent .5em); |
| 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 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); |
| 40 | font-feature-settings: props.get($feature-settings); | 40 | font-feature-settings: props.get($feature-settings); |
| 41 | line-height: props.get($line-height); | 41 | line-height: props.get($line-height); |
| 42 | letter-spacing: props.get($letter-spacing); | 42 | letter-spacing: props.get($letter-spacing); |
| 43 | } | 43 | } |
| 44 | } | 44 | } |
| 45 | 45 | ||
| 46 | @include 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 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); |
| 52 | font-feature-settings: props.get($feature-settings); | 52 | font-feature-settings: props.get($feature-settings); |
| 53 | line-height: props.get($line-height); | 53 | line-height: props.get($line-height); |
| 54 | letter-spacing: props.get($letter-spacing); | 54 | letter-spacing: props.get($letter-spacing); |
| 55 | transform: translateX(props.get(vars.$offset)); | 55 | transform: translateX(props.get(vars.$offset)); |
| 56 | } | 56 | } |
| 57 | } | 57 | } |
| 58 | } | 58 | } |
| 59 | } | 59 | } |
| 60 | } | 60 | } |
