From 32d8517f32b0c5277952053e3a5321cb21dcc9f2 Mon Sep 17 00:00:00 2001
From: Chris Eppstein <chris@eppsteins.net>
Date: Sun, 11 Mar 2012 17:48:00 -0700
Subject: [PATCH] Add the squish text mixin for hiding text in inline elements.

---
 .../compass/typography/text/_replacement.scss            | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss b/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss
index a6b8166c..1f589893 100644
--- a/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss
+++ b/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss
@@ -31,3 +31,12 @@
   white-space: nowrap;
   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;
+}