|
0
|
1 @charset "UTF-8";
|
|
|
2
|
|
|
3 /// Hides the text in an element, commonly used to show an image instead. Some
|
|
|
4 /// elements will need block-level styles applied.
|
|
|
5 ///
|
|
|
6 /// @link http://goo.gl/EvLRIu
|
|
|
7 ///
|
|
|
8 /// @example scss
|
|
|
9 /// .element {
|
|
|
10 /// @include hide-text;
|
|
|
11 /// }
|
|
|
12 ///
|
|
|
13 /// // CSS Output
|
|
|
14 /// .element {
|
|
|
15 /// overflow: hidden;
|
|
|
16 /// text-indent: 101%;
|
|
|
17 /// white-space: nowrap;
|
|
|
18 /// }
|
|
|
19
|
|
|
20 @mixin hide-text {
|
|
|
21 overflow: hidden;
|
|
|
22 text-indent: 101%;
|
|
|
23 white-space: nowrap;
|
|
|
24 }
|
