diff options
| author | Mark Otto <[email protected]> | 2014-03-09 12:39:29 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-03-09 12:39:29 -0700 |
| commit | 29f23576ee301cf476ce66b979ddec338663336b (patch) | |
| tree | 80037fa54ba56ab75b13f56f0aa2293a1f0f99be /less | |
| parent | 5e6d16ef4dc531e284bf629a9336f608847bd608 (diff) | |
| parent | d8bc65b9d035d15a61bd6fe259b4ffb49c211404 (diff) | |
| download | bootstrap-29f23576ee301cf476ce66b979ddec338663336b.tar.xz bootstrap-29f23576ee301cf476ce66b979ddec338663336b.zip | |
Merge pull request #12679 from twbs/sr-only-focusable
add .sr-only-focusable
Diffstat (limited to 'less')
| -rw-r--r-- | less/scaffolding.less | 16 |
1 files changed, 16 insertions, 0 deletions
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; + } +} |