datat.fi/_sass/basically-basic/utilities/_accessibility.scss

57 lines
1.2 KiB
SCSS
Raw Normal View History

2017-03-16 20:34:29 +02:00
/* ==========================================================================
Accessibility Modules
========================================================================== */
2017-03-07 23:12:17 +02:00
2017-03-16 20:34:29 +02:00
/* Skip links */
2017-03-07 23:12:17 +02:00
.skip-links {
margin: 0;
li {
width: 0;
2017-03-16 20:34:29 +02:00
height: 0;
2017-03-07 23:12:17 +02:00
list-style: none;
}
}
2017-03-16 20:34:29 +02:00
/* Text meant only for screen readers */
2017-03-07 23:12:17 +02:00
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
position: absolute !important;
width: 1px;
height: 1px;
2017-03-16 20:34:29 +02:00
clip: rect(0, 0, 0, 0);
2017-03-07 23:12:17 +02:00
border: 0;
overflow: hidden;
&:focus {
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
2017-03-16 20:34:29 +02:00
padding: 0.75em 1em;
clip: auto !important;
border-radius: 0.125em;
background-color: $base-color;
2017-03-07 23:12:17 +02:00
color: #fff;
font-weight: bold;
line-height: normal;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
z-index: 100000;
}
2017-03-16 20:34:29 +02:00
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
width: auto;
height: auto;
clip: auto !important;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
z-index: 100000;
}