Added font styling mixin to prototype classes(including respective breakpoints)

Includes
- font-normal
- font-bold
- font-italic

diff --git a/scss/prototype/_font-styling.scss b/scss/prototype/_font-styling.scss
new file mode 100644 (file)
index 0000000..91d9067
--- /dev/null
+++ b/scss/prototype/_font-styling.scss
@@ -0,0 +1,52 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-font-styling
+////
+
+@mixin font-normal {
+  font-weight: $global-weight-normal;
+}
+
+@mixin font-bold {
+  font-weight: $global-weight-bold;
+}
+
+@mixin font-italic {
+  font-style: italic;
+}
+
+@mixin foundation-prototype-font-styling {
+  @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-italic {
+          @include font-italic;
+        }
+      }
+      @else {
+        .font-normal {
+          @include font-normal;
+        }
+
+        .font-bold {
+          @include font-bold;
+        }
+
+        .font-italic {
+          @include font-italic;
+        }
+      }
+    }
+  }
+}

diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss
index 2835e54bc2513826d8916fe5f7e510313653b95e..02c19d788cba08ba70410f9376ab3c290565f15d 100644 (file)
--- a/scss/prototype/_prototype.scss
+++ b/scss/prototype/_prototype.scss
@@ -25,7 +25,7 @@
 @import 'text-decoration';
 
 // Font Styling
-// @import 'font-styling';
+@import 'font-styling';
 
 // Position Helpers
 // @import 'position';
@@ -55,4 +55,5 @@
   @include foundation-prototype-text-utilities;
   @include foundation-prototype-text-transformation;
   @include foundation-prototype-text-decoration;
+  @include foundation-prototype-font-styling;
 }