Add text-transform variable for headings

1 files changed, 5 insertions, 3 deletions

diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index f8a7854..7a9f088 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -27,7 +27,7 @@
                         font-weight:           props.get(heading.$font-weight);
                         font-feature-settings: props.get(heading.$feature-settings);
                         line-height:           props.get(heading.$line-height);
-                        text-transform:        none;
+                        text-transform:        props.get(heading.$text-transform);
                         letter-spacing:        normal;
                         transform:             translateX(props.get(heading.$offset));
                 }
@@ -40,25 +40,27 @@
                         transparent .6em);
                 }
 
-                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings in heading.$sizes {
+                @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform 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);
+                                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 heading.$display--sizes {
+                        @each $mod, $font-family, $line-height, $font-size, $font-weight, $letter-spacing, $feature-settings, $text-transform 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);
+                                        text-transform:        props.get($text-transform);
                                         letter-spacing:        props.get($letter-spacing);
                                 }
                         }