diff options
| author | Volpeon <git@volpeon.ink> | 2025-11-08 11:50:57 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-11-08 11:50:57 +0100 |
| commit | 990a2cd28ed8814442546c749c35c63f231df59d (patch) | |
| tree | 277b31bf20f049aca2fa596ce0251b6a26f95e79 /src/objects/_heading.scss | |
| parent | Heading typography (diff) | |
| download | iro-design-990a2cd28ed8814442546c749c35c63f231df59d.tar.gz iro-design-990a2cd28ed8814442546c749c35c63f231df59d.tar.bz2 iro-design-990a2cd28ed8814442546c749c35c63f231df59d.zip | |
Diffstat (limited to 'src/objects/_heading.scss')
| -rw-r--r-- | src/objects/_heading.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 2d27658..1d6e2dc 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -1,4 +1,6 @@ | |||
| 1 | @use 'sass:map'; | ||
| 1 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | ||
| 2 | @use 'iro-sass/src/bem'; | 4 | @use 'iro-sass/src/bem'; |
| 3 | @use 'iro-sass/src/props'; | 5 | @use 'iro-sass/src/props'; |
| 4 | @use '../props' as *; | 6 | @use '../props' as *; |
| @@ -60,5 +62,25 @@ | |||
| 60 | } | 62 | } |
| 61 | } | 63 | } |
| 62 | } | 64 | } |
| 65 | |||
| 66 | @each $theme in map.keys(props.get(vars.$static-themes)) { | ||
| 67 | @include bem.modifier(string.slice($theme, 3)) { | ||
| 68 | color: props.get(vars.$static-themes, $theme, --text-color); | ||
| 69 | |||
| 70 | @each $mod, $value in vars.$sizes { | ||
| 71 | @include bem.modifier($mod) { | ||
| 72 | color: props.get(vars.$static-themes, $theme, --#{$mod}, --text-color); | ||
| 73 | } | ||
| 74 | } | ||
| 75 | |||
| 76 | @include bem.modifier('display') { | ||
| 77 | @each $mod, $value in vars.$sizes { | ||
| 78 | @include bem.modifier($mod) { | ||
| 79 | color: props.get(vars.$static-themes, $theme, --display, --#{$mod}, --text-color); | ||
| 80 | } | ||
| 81 | } | ||
| 82 | } | ||
| 83 | } | ||
| 84 | } | ||
| 63 | } | 85 | } |
| 64 | } | 86 | } |
