Commit | Line | Data |
---|---|---|
2d3ca553 | 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 https://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 | } |