summaryrefslogtreecommitdiffstats
path: root/src/objects/_heading.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_heading.scss')
-rw-r--r--src/objects/_heading.scss28
1 files changed, 26 insertions, 2 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 82e03f3..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 *;
@@ -32,31 +34,53 @@
32 transparent props.get(vars.$bg-end)); 34 transparent props.get(vars.$bg-end));
33 } 35 }
34 36
35 @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in vars.$sizes { 37 @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in vars.$sizes {
36 @include bem.modifier($mod) { 38 @include bem.modifier($mod) {
37 font-family: props.get($font-family); 39 font-family: props.get($font-family);
38 font-size: props.get($font-size); 40 font-size: props.get($font-size);
39 font-weight: props.get($font-weight); 41 font-weight: props.get($font-weight);
40 font-feature-settings: props.get($feature-settings); 42 font-feature-settings: props.get($feature-settings);
41 line-height: props.get($line-height); 43 line-height: props.get($line-height);
44 color: props.get($text-color);
42 text-transform: props.get($text-transform); 45 text-transform: props.get($text-transform);
43 letter-spacing: props.get($letter-spacing); 46 letter-spacing: props.get($letter-spacing);
44 } 47 }
45 } 48 }
46 49
47 @include bem.modifier('display') { 50 @include bem.modifier('display') {
48 @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in vars.$display--sizes { 51 @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in vars.$display--sizes {
49 @include bem.modifier($mod) { 52 @include bem.modifier($mod) {
50 font-family: props.get($font-family); 53 font-family: props.get($font-family);
51 font-size: props.get($font-size); 54 font-size: props.get($font-size);
52 font-weight: props.get($font-weight); 55 font-weight: props.get($font-weight);
53 font-feature-settings: props.get($feature-settings); 56 font-feature-settings: props.get($feature-settings);
54 line-height: props.get($line-height); 57 line-height: props.get($line-height);
58 color: props.get($text-color);
55 text-transform: props.get($text-transform); 59 text-transform: props.get($text-transform);
56 letter-spacing: props.get($letter-spacing); 60 letter-spacing: props.get($letter-spacing);
57 transform: translateX(props.get(vars.$offset)); 61 transform: translateX(props.get(vars.$offset));
58 } 62 }
59 } 63 }
60 } 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 }
61 } 85 }
62} 86}