mirror of https://github.com/lukechilds/docs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.0 KiB
52 lines
1.0 KiB
6 years ago
|
/* ==========================================================================
|
||
|
|
Visibility
|
||
|
|
========================================================================== */
|
||
|
|
|
||
|
|
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
|
||
|
|
|
||
|
|
.is--hidden,
|
||
|
|
.hidden {
|
||
|
|
display: none !important;
|
||
|
|
visibility: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is--visible {
|
||
|
|
display: block !important;
|
||
|
|
visibility: visible !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* for preloading images */
|
||
|
|
.load {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.transparent {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* for screen-readers */
|
||
|
|
.sr-only {
|
||
|
|
@include sr-only();
|
||
|
|
}
|
||
|
|
|
||
|
|
.sr-only-focusable {
|
||
|
|
@include sr-only-focusable();
|
||
|
|
}
|