foundation-rails 5.5.3.2 → 6.6.2.0

data/vendor/assets/scss/prototype/_text-transformation.scss

@@ -0,0 +1,48 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-transformation
+////
+
+/// Responsive breakpoints for text transformation classes
+/// @type Boolean
+$prototype-transformation-breakpoints: $global-prototype-breakpoints !default;
+
+/// Map containing all the `text-transformation` classes
+/// @type Map
+$prototype-text-transformation: (
+  lowercase,
+  uppercase,
+  capitalize
+) !default;
+
+/// Text Transformation, by default coming through a map `$prototype-text-transformation`
+/// @param {String} $transformation [] Text Transformation
+@mixin text-transform($transformation) {
+  text-transform: $transformation !important;
+}
+
+@mixin foundation-prototype-text-transformation {
+  @each $transformation in $prototype-text-transformation {
+    .text-#{$transformation} {
+      @include text-transform($transformation);
+    }
+  }
+
+  @if ($prototype-transformation-breakpoints) {
+    // Loop through Responsive Breakpoints
+  	@each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @each $transformation in $prototype-text-transformation {
+          @if $size != $-zf-zero-breakpoint {
+            .#{$size}-text-#{$transformation} {
+  			      @include text-transform($transformation);
+  			    }
+          }
+        }
+      }
+    }
+  }
+}

data/vendor/assets/scss/prototype/_text-utilities.scss

@@ -0,0 +1,88 @@
+// Foundation for Sites
+// https://get.foundation
+// Licensed under MIT Open Source
+
+////
+/// @group prototype-text-utilities
+////
+
+/// Responsive breakpoints for text utilities
+/// @type Boolean
+$prototype-utilities-breakpoints: $global-prototype-breakpoints !default;
+
+/// Default Value for `text-overflow` variable
+/// @type String
+$prototype-text-overflow: ellipsis !default;
+
+/// Image Replacement utility. `text-hide`
+@mixin text-hide {
+  font: 0/0 a !important;
+  color: transparent !important;
+  text-shadow: none !important;
+  background-color: transparent !important;
+  border: 0 !important;
+}
+
+/// Truncating the text, elipsis by default.
+/// @param {String} $overflow [$prototype-text-overflow] Text Truncate
+@mixin text-truncate(
+  $overflow: $prototype-text-overflow
+) {
+  max-width: 100% !important;
+  overflow: hidden !important;
+  text-overflow: $overflow; 
+  white-space: nowrap !important;
+}
+
+/// No wrapping of the text. `text-nowrap`
+@mixin text-nowrap {
+  white-space: nowrap !important;
+}
+
+/// Wrapping of the text. `text-wrap`
+@mixin text-wrap {
+  word-wrap: break-word !important;
+}
+
+@mixin foundation-prototype-text-utilities {
+  .text-hide {
+    @include text-hide;
+  }
+
+  .text-truncate {
+    @include text-truncate;
+  }
+
+  .text-nowrap {
+    @include text-nowrap;
+  }
+
+  .text-wrap {
+    @include text-wrap;
+  }
+
+  @if ($prototype-utilities-breakpoints) {
+    // Loop through Responsive Breakpoints
+    @each $size in $breakpoint-classes {
+      @include breakpoint($size) {
+        @if $size != $-zf-zero-breakpoint {
+          .#{$size}-text-hide {
+            @include text-hide;
+          }
+
+          .#{$size}-text-truncate {
+            @include text-truncate;
+          }
+
+          .#{$size}-text-nowrap {
+            @include text-nowrap;
+          }
+
+          .#{$size}-text-wrap {
+            @include text-wrap;
+          }
+        }
+      }
+    }
+  }
+}