From 6e00d88cb8524ea4445c204883882a46ceb4ad11 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 8 Nov 2025 11:07:52 +0100 Subject: Heading typography --- src/scopes/_headings.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'src/scopes/_headings.scss') diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 7a9f088..0a56ef1 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss @@ -40,26 +40,28 @@ transparent .6em); } - @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$sizes { + @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$sizes { #{map.get($-size-map, $mod)} { font-family: props.get($font-family); font-size: props.get($font-size); font-weight: props.get($font-weight); font-feature-settings: props.get($feature-settings); line-height: props.get($line-height); + color: props.get($text-color); text-transform: props.get($text-transform); letter-spacing: props.get($letter-spacing); } } @include bem.modifier('display') { - @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$display--sizes { + @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$display--sizes { #{map.get($-size-map, $mod)} { font-family: props.get($font-family); font-size: props.get($font-size); font-weight: props.get($font-weight); font-feature-settings: props.get($feature-settings); line-height: props.get($line-height); + color: props.get($text-color); text-transform: props.get($text-transform); letter-spacing: props.get($letter-spacing); } -- cgit v1.2.3-70-g09d2