diff options
| author | Volpeon <git@volpeon.ink> | 2025-11-08 11:07:52 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-11-08 11:07:52 +0100 |
| commit | 6e00d88cb8524ea4445c204883882a46ceb4ad11 (patch) | |
| tree | eaa0d99dabee226dc3f559b6785cae18c0642314 /src/scopes | |
| parent | s-links: Add --mark-external (diff) | |
| download | iro-design-6e00d88cb8524ea4445c204883882a46ceb4ad11.tar.gz iro-design-6e00d88cb8524ea4445c204883882a46ceb4ad11.tar.bz2 iro-design-6e00d88cb8524ea4445c204883882a46ceb4ad11.zip | |
Heading typography
Diffstat (limited to 'src/scopes')
| -rw-r--r-- | src/scopes/_headings.scss | 6 |
1 files changed, 4 insertions, 2 deletions
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 @@ | |||
| 40 | transparent .6em); | 40 | transparent .6em); |
| 41 | } | 41 | } |
| 42 | 42 | ||
| 43 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$sizes { | 43 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$sizes { |
| 44 | #{map.get($-size-map, $mod)} { | 44 | #{map.get($-size-map, $mod)} { |
| 45 | font-family: props.get($font-family); | 45 | font-family: props.get($font-family); |
| 46 | font-size: props.get($font-size); | 46 | font-size: props.get($font-size); |
| 47 | font-weight: props.get($font-weight); | 47 | font-weight: props.get($font-weight); |
| 48 | font-feature-settings: props.get($feature-settings); | 48 | font-feature-settings: props.get($feature-settings); |
| 49 | line-height: props.get($line-height); | 49 | line-height: props.get($line-height); |
| 50 | color: props.get($text-color); | ||
| 50 | text-transform: props.get($text-transform); | 51 | text-transform: props.get($text-transform); |
| 51 | letter-spacing: props.get($letter-spacing); | 52 | letter-spacing: props.get($letter-spacing); |
| 52 | } | 53 | } |
| 53 | } | 54 | } |
| 54 | 55 | ||
| 55 | @include bem.modifier('display') { | 56 | @include bem.modifier('display') { |
| 56 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in heading.$display--sizes { | 57 | @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in heading.$display--sizes { |
| 57 | #{map.get($-size-map, $mod)} { | 58 | #{map.get($-size-map, $mod)} { |
| 58 | font-family: props.get($font-family); | 59 | font-family: props.get($font-family); |
| 59 | font-size: props.get($font-size); | 60 | font-size: props.get($font-size); |
| 60 | font-weight: props.get($font-weight); | 61 | font-weight: props.get($font-weight); |
| 61 | font-feature-settings: props.get($feature-settings); | 62 | font-feature-settings: props.get($feature-settings); |
| 62 | line-height: props.get($line-height); | 63 | line-height: props.get($line-height); |
| 64 | color: props.get($text-color); | ||
| 63 | text-transform: props.get($text-transform); | 65 | text-transform: props.get($text-transform); |
| 64 | letter-spacing: props.get($letter-spacing); | 66 | letter-spacing: props.get($letter-spacing); |
| 65 | } | 67 | } |