diff options
Diffstat (limited to 'src/objects/_heading.scss')
| -rw-r--r-- | src/objects/_heading.scss | 28 |
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 | } |
