Included font styling into responsive breakpoints logic!

diff --git a/scss/prototype/_font-styling.scss b/scss/prototype/_font-styling.scss
index 91d90674f7f4ae6b802d8d8c513c95df9a52d707..742c1ab8a2c92bf16d4fc95b75413afbb2dc206b 100644 (file)
--- a/scss/prototype/_font-styling.scss
+++ b/scss/prototype/_font-styling.scss
@@ -6,6 +6,10 @@
 /// @group prototype-font-styling
 ////
 
+/// Responsive breakpoints for floats, defaulted to global-prototype-responsive-breakpoints.
+/// @type Number
+$prototype-font-styling-responsive-breakpoints: $global-prototype-responsive-breakpoints !default;
+
 @mixin font-normal {
   font-weight: $global-weight-normal;
 }
@@ -19,34 +23,49 @@
 }
 
 @mixin foundation-prototype-font-styling {
-  @each $size in $breakpoint-classes {
-    @include breakpoint($size) {
-      @if $size != $-zf-zero-breakpoint {
-        .#{$size}-font-normal {
-          @include font-normal;
-        }
+  @if ($prototype-font-styling-responsive-breakpoints) {
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-font-normal {
+            @include font-normal;
+          }
 
-        .#{$size}-font-bold {
-          @include font-bold;
-        }
+          .#{$size}-font-bold {
+            @include font-bold;
+          }
 
-        .#{$size}-font-italic {
-          @include font-italic;
-        }
-      }
-      @else {
-        .font-normal {
-          @include font-normal;
+          .#{$size}-font-italic {
+            @include font-italic;
+          }
         }
+        @else {
+          .font-normal {
+            @include font-normal;
+          }
 
-        .font-bold {
-          @include font-bold;
-        }
+          .font-bold {
+            @include font-bold;
+          }
 
-        .font-italic {
-          @include font-italic;
+          .font-italic {
+            @include font-italic;
+          }
         }
       }
     }
   }
+  @else {
+    .font-normal {
+      @include font-normal;
+    }
+
+    .font-bold {
+      @include font-bold;
+    }
+
+    .font-italic {
+      @include font-italic;
+    }
+  }
 }