Add text-transform variable for headings

1 files changed, 5 insertions, 3 deletions

diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index d27b595..f5b8de6 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -17,7 +17,7 @@
                 font-feature-settings: props.get(vars.$feature-settings);
                 line-height:           props.get(vars.$line-height);
                 color:                 props.get(vars.$text-color);
-                text-transform:        none;
+                text-transform:        props.get(vars.$text-transform);
                 letter-spacing:        normal;
 
                 & + & {
@@ -32,25 +32,27 @@
                         transparent               .5em);
                 }
 
-                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in vars.$sizes {
+                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform 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);
+                                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 in vars.$display--sizes {
+                        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform 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);
+                                        text-transform:        props.get($text-transform);
                                         letter-spacing:        props.get($letter-spacing);
                                         transform:             translateX(props.get(vars.$offset));
                                 }