Included text decoration into responsive breakpoints logic!

Also removed an unnecessary line from text alignment

diff --git a/scss/prototype/_text-alignment.scss b/scss/prototype/_text-alignment.scss
index 3de9861731742da95113f0b2c7ff8509feac9feb..c61624429ca74a7f1ab8c0659c88f605acc049e1 100644 (file)
--- a/scss/prototype/_text-alignment.scss
+++ b/scss/prototype/_text-alignment.scss
@@ -31,5 +31,4 @@ $prototype-text-alignment-responsive-breakpoints: $global-prototype-responsive-b
       }
     }
   }
-  
 }

diff --git a/scss/prototype/_text-decoration.scss b/scss/prototype/_text-decoration.scss
index 2e607cfa4f99d92ae9cb9d101638e2adb5a3c697..974214ff27fcd95b0415af1e2cc99942fa1f4370 100644 (file)
--- a/scss/prototype/_text-decoration.scss
+++ b/scss/prototype/_text-decoration.scss
@@ -6,19 +6,27 @@
 /// @group prototype-text-decoration
 ////
 
+/// Responsive breakpoints for position, defaulted to global-prototype-responsive-breakpoints.
+/// @type Number
+$prototype-text-decoration-responsive-breakpoints: $global-prototype-responsive-breakpoints !default;
+
 @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-decoration: $decoration;
-                           }
-        }
-        @else {
-          .text-#{$decoration} {
-                             text-decoration: $decoration;
-                           }
+  @each $decoration in (overline, underline, line-through) {
+    .text-#{$decoration} {
+      text-decoration: $decoration;
+    }
+  }
+
+  @if ($prototype-text-decoration-responsive-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $decoration in (overline, underline, line-through) {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size}-text-#{$decoration} {
+              text-decoration: $decoration;
+            }
+          }
         }
       }
     }