github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add the squish text mixin for hiding text in inline elements.

Browse Source
This commit is contained in:
Chris Eppstein 2012-03-11 17:48:00 -07:00
parent d38fee361f
commit 32d8517f32
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frameworks/compass/stylesheets/compass/typography/text/_replacement.scss
View File

@ -31,3 +31,12 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
// Hides text in an element by squishing the text into oblivion.
// Use this if you need to hide text contained in an inline element
// but still have it read by a screen reader.
@mixin squish-text {
font: 0/0 serif;
text-shadow: none;
color: transparent;
}