1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | $prototype-utilities-breakpoints: $global-prototype-breakpoints !default;
|
12 |
|
13 |
|
14 |
|
15 | $prototype-text-overflow: ellipsis !default;
|
16 |
|
17 |
|
18 | @mixin text-hide {
|
19 | font: 0/0 a !important;
|
20 | color: transparent !important;
|
21 | text-shadow: none !important;
|
22 | background-color: transparent !important;
|
23 | border: 0 !important;
|
24 | }
|
25 |
|
26 |
|
27 |
|
28 | @mixin text-truncate(
|
29 | $overflow: $prototype-text-overflow
|
30 | ) {
|
31 | max-width: 100% !important;
|
32 | overflow: hidden !important;
|
33 | text-overflow: $overflow;
|
34 | white-space: nowrap !important;
|
35 | }
|
36 |
|
37 |
|
38 | @mixin text-nowrap {
|
39 | white-space: nowrap !important;
|
40 | }
|
41 |
|
42 |
|
43 | @mixin text-wrap {
|
44 | word-wrap: break-word !important;
|
45 | }
|
46 |
|
47 | @mixin foundation-prototype-text-utilities {
|
48 | .text-hide {
|
49 | @include text-hide;
|
50 | }
|
51 |
|
52 | .text-truncate {
|
53 | @include text-truncate;
|
54 | }
|
55 |
|
56 | .text-nowrap {
|
57 | @include text-nowrap;
|
58 | }
|
59 |
|
60 | .text-wrap {
|
61 | @include text-wrap;
|
62 | }
|
63 |
|
64 | @if ($prototype-utilities-breakpoints) {
|
65 |
|
66 | @each $size in $breakpoint-classes {
|
67 | @include breakpoint($size) {
|
68 | @if $size != $-zf-zero-breakpoint {
|
69 | .#{$size}-text-hide {
|
70 | @include text-hide;
|
71 | }
|
72 |
|
73 | .#{$size}-text-truncate {
|
74 | @include text-truncate;
|
75 | }
|
76 |
|
77 | .#{$size}-text-nowrap {
|
78 | @include text-nowrap;
|
79 | }
|
80 |
|
81 | .#{$size}-text-wrap {
|
82 | @include text-wrap;
|
83 | }
|
84 | }
|
85 | }
|
86 | }
|
87 | }
|
88 | }
|