feat(mixins): add a11y-only and un-a11y-only

pivotal-cf · Apr 5, 2016 · 1755ea5 · 1755ea5
1 parent bcaac7f
commit 1755ea5
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/pivotal-ui/components/mixins.scss b/src/pivotal-ui/components/mixins.scss
@@ -157,4 +157,21 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+}
+
+@mixin a11y-only() {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@mixin un-a11y-only() {
+  position: static !important;
+  height: auto;
+  width: auto;
+  overflow: visible;
+  clip: auto;
 }