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 |
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 | } |