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