Added text decoration mixin to prototype classes(including respective breakpoints

Includes
- text-overline
- text-underline
- text-line-through

diff --git a/scss/prototype/_prototype.scss b/scss/prototype/_prototype.scss
index 8d58d9b361f3f5590d7a7c965f10b893edd42d83..2835e54bc2513826d8916fe5f7e510313653b95e 100644 (file)
--- a/scss/prototype/_prototype.scss
+++ b/scss/prototype/_prototype.scss
@@ -22,7 +22,7 @@
 @import 'text-transformation';
 
 // Text Decoration classes
-// @import 'text-decoration';
+@import 'text-decoration';
 
 // Font Styling
 // @import 'font-styling';
@@ -54,4 +54,5 @@
   @include foundation-prototype-text-alignment;
   @include foundation-prototype-text-utilities;
   @include foundation-prototype-text-transformation;
+  @include foundation-prototype-text-decoration;
 }

diff --git a/scss/prototype/_text-decoration.scss b/scss/prototype/_text-decoration.scss
new file mode 100644 (file)
index 0000000..d45e662
--- /dev/null
+++ b/scss/prototype/_text-decoration.scss
@@ -0,0 +1,26 @@
+// Foundation for Sites by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-decoration
+////
+
+@mixin foundation-prototype-text-decoration {
+       @each $size in $breakpoint-classes {
+    @include breakpoint($size) {
+      @each $decoration in (overline, underline, line-through) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-text-#{$decoration} {
+                             text-transform: $decoration;
+                           }
+        }
+        @else {
+          .text-#{$decoration} {
+                             text-transform: $decoration;
+                           }
+        }
+      }
+    }
+  }
+}