From 8c76a182697f235c4c1d8de1c373965824e9b55f Mon Sep 17 00:00:00 2001
From: harry <harmanmanchanda182@gmail.com>
Date: Tue, 7 Feb 2017 02:02:36 +0530
Subject: [PATCH] Added font typescale!

---
 docs/pages/prototyping.md      | 15 +++++++++++++++
 scss/prototype/_prototype.scss |  4 ++++
 scss/prototype/_typescale.scss | 20 ++++++++++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 scss/prototype/_typescale.scss

diff --git a/docs/pages/prototyping.md b/docs/pages/prototyping.md
index d460883bc..5066ffdcc 100644
--- a/docs/pages/prototyping.md
+++ b/docs/pages/prototyping.md
@@ -87,6 +87,21 @@ You can use font styling to style a text. You can change the font styling by add
 
 ---
 
+## Font Typescale
+
+Adjust font-size by overriding an element’s default size.
+
+```html_example
+<p class="font-h1">Lorem Ipsum Dolor</p>
+<p class="font-h2">Lorem Ipsum Dolor</p>
+<p class="font-h3">Lorem Ipsum Dolor</p>
+<p class="font-h4">Lorem Ipsum Dolor</p>
+<p class="font-h5">Lorem Ipsum Dolor</p>
+<p class="font-h6">Lorem Ipsum Dolor</p>
+```
+
+---
+
 ## List Styling
 
 <div class="primary callout">
diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss
index 5a3b3e6f5..23fde7608 100644
--- a/scss/prototype/_prototype.scss
+++ b/scss/prototype/_prototype.scss
@@ -6,6 +6,9 @@
 /// @group prototype
 ////
 
+// Typescale
+@import 'typescale';
+
 // Text utilities
 @import 'text-utilities';
 
@@ -40,6 +43,7 @@
 @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
new file mode 100644
index 000000000..49c83599a
--- /dev/null
+++ b/scss/prototype/_typescale.scss
@@ -0,0 +1,20 @@
+// 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;
+        .font-#{$header} {
+          @extend #{$header};
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
-- 
2.47.2