33 lines
800 B
SCSS
33 lines
800 B
SCSS
|
/* ==========================================================================
|
||
|
|
Visibility
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
||
|
|
|
||
|
|
.is--hidden {
|
||
|
|
display: none;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is--visible {
|
||
|
|
display: block;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
|
||
|
|
|
||
|
|
.visually-hidden {
|
||
|
|
position: absolute !important;
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
height: 1px !important;
|
||
|
|
width: 1px !important;
|
||
|
|
border: 0 !important;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
body:hover .visually-hidden a,
|
||
|
|
body:hover .visually-hidden input,
|
||
|
|
body:hover .visually-hidden button {
|
||
|
|
display: none !important;
|
||
|
|
}
|