_accessibility.scss (918B)
1 /* Text meant only for screen readers. */ 2 .screen-reader-text { 3 border: 0; 4 clip: rect(1px, 1px, 1px, 1px); 5 clip-path: inset(50%); 6 height: 1px; 7 margin: -1px; 8 overflow: hidden; 9 padding: 0; 10 position: absolute !important; 11 width: 1px; 12 word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ 13 14 &:focus { 15 background-color: $color__background-screen; 16 border-radius: 3px; 17 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 18 clip: auto !important; 19 clip-path: none; 20 color: $color__text-screen; 21 display: block; 22 font-size: 0.875rem; 23 font-weight: bold; 24 height: auto; 25 left: 5px; 26 line-height: normal; 27 padding: 15px 23px 14px; 28 text-decoration: none; 29 top: 5px; 30 width: auto; 31 z-index: 100000; /* Above WP toolbar. */ 32 } 33 } 34 35 /* Do not show the outline on the skip link target. */ 36 #content[tabindex="-1"]:focus { 37 outline: 0; 38 }