89 lines
1.9 KiB
SCSS
89 lines
1.9 KiB
SCSS
// 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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|