Heading typography

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 @@
                         transparent               props.get(vars.$bg-end));
                 }
 
-                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform in vars.$sizes {
+                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in vars.$sizes {
                         @include bem.modifier($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 vars.$display--sizes {
+                        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform, $text-color in vars.$display--sizes {
                                 @include bem.modifier($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);
                                         transform:             translateX(props.get(vars.$offset));