From: harry <harmanmanchanda182@gmail.com>
Date: Wed, 5 Jul 2017 20:32:43 +0000 (+0530)
Subject: Move typescale utility from prototype to typography
X-Git-Tag: v6.4.2-rc2~1^2~32^2~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10350%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Move typescale utility from prototype to typography
Still keeping it disabled by default
Fix #10301
---

diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss
index 2ca0bed99..c0189db78 100644
--- a/scss/prototype/_prototype.scss
+++ b/scss/prototype/_prototype.scss
@@ -15,9 +15,6 @@
 // Rotate Mixin
 @import 'rotate';
 
-// Typescale
-@import 'typescale';
-
 // Text utilities
 @import 'text-utilities';
 
@@ -70,7 +67,6 @@
 @import 'spacing';
 
 @mixin foundation-prototype-classes {
-  @include foundation-prototype-typescale;
   @include foundation-prototype-text-utilities;
   @include foundation-prototype-text-transformation;
   @include foundation-prototype-text-decoration;
diff --git a/scss/prototype/_typescale.scss b/scss/prototype/_typescale.scss
deleted file mode 100644
index 68698d25f..000000000
--- a/scss/prototype/_typescale.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Foundation for Sites by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-////
-/// @group prototype-typescale
-////
-
-@mixin foundation-prototype-typescale {
-	@each $size, $headers in $header-styles {
-    @include breakpoint($size) {
-      @each $header, $header-defs in $headers {
-        $font-size-temp: 1rem;
-        .#{$header} {
-          @extend #{$header};
-        }
-      }
-    }
-  }
-}
diff --git a/scss/typography/_base.scss b/scss/typography/_base.scss
index 394614e80..6700a2eff 100644
--- a/scss/typography/_base.scss
+++ b/scss/typography/_base.scss
@@ -95,6 +95,10 @@ $header-styles: (
 /// @type String
 $header-text-rendering: optimizeLegibility !default;
 
+/// Enable/disable the typescale utility
+/// @type Boolean
+$header-typescale: false;
+
 /// Font size of `<small>` elements.
 /// @type Number
 $small-font-size: 80% !default;
@@ -363,6 +367,12 @@ $abbr-underline: 1px dotted $black !default;
             margin-bottom: rem-calc($header-margin-bottom);
           }
         }
+        
+        @if ($header-typescale) {
+          .#{$header} {
+            @extend #{$header};
+          }
+        }
       }
     }
   }