From c4e242bdb170be26e64e859c5636f3cb0285f679 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Mon, 10 Feb 2014 10:34:38 -0800
Subject: add .sr-only-focusable; fixes #12259

---
 less/scaffolding.less | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'less')

diff --git a/less/scaffolding.less b/less/scaffolding.less
index fe29f2d62..c658d7bf5 100644
--- a/less/scaffolding.less
+++ b/less/scaffolding.less
@@ -132,3 +132,19 @@ hr {
   clip: rect(0,0,0,0);
   border: 0;
 }
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+// Credit: HTML5 Boilerplate
+
+.sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}
-- 
cgit v1.2.3