a11y.scss (906B)
1 .screen-reader-text { 2 border: 0; 3 clip: rect(1px, 1px, 1px, 1px); 4 -webkit-clip-path: inset(50%); 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; 13 word-break: normal; 14 } 15 16 .skip-link:focus { 17 background-color: #f1f1f1; 18 border-radius: 3px; 19 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 20 clip: auto !important; 21 -webkit-clip-path: none; 22 clip-path: none; 23 color: #21759b; 24 display: block; 25 font-size: 0.875rem; 26 font-weight: 700; 27 height: auto; 28 left: 5px; 29 line-height: normal; 30 padding: 15px 23px 14px; 31 text-decoration: none; 32 top: 5px; 33 width: auto; 34 z-index: 100000; 35 } 36 37 /* Do not show the outline on the skip link target. */ 38 #content[tabindex="-1"]:focus { 39 outline: 0; 40 } 41 42 @media (prefers-reduced-motion) { 43 44 * { 45 transition-delay: 0s !important; 46 transition-duration: 0s !important; 47 } 48 }