This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/modules/_accessibility.scss

41 lines
919 B
SCSS
Raw Normal View History

/* Text meant only for screen readers. */
.screen-reader-text {
2017-10-22 16:00:06 +00:00
border: 0;
clip: rect(1px, 1px, 1px, 1px);
2017-10-22 16:00:06 +00:00
clip-path: inset(50%);
height: 1px;
2017-10-22 16:00:06 +00:00
margin: -1px;
overflow: hidden;
2017-10-22 16:00:06 +00:00
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; // Many screen reader and browser combinations announce broken words as they would appear visually.
&:focus {
background-color: $color__background-screen;
2014-09-14 17:26:29 +00:00
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
2017-10-22 16:00:06 +00:00
clip-path: none;
color: $color__text-screen;
display: block;
2020-04-05 20:49:27 +00:00
@include font-size(0.875);
2020-04-05 20:49:27 +00:00
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; // Above WP toolbar.
}
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}