// Foundation for Sites by ZURB // foundation.zurb.com // 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; } } } } }
}