| Index: static/scss/_utilities.scss |
| =================================================================== |
| --- a/static/scss/_utilities.scss |
| +++ b/static/scss/_utilities.scss |
| @@ -37,8 +37,29 @@ |
| display: table; |
| content: " "; |
| } |
| .clearfix:after |
| { |
| clear: both; |
| } |
| + |
| +/** |
| + * Screen reader only |
| + * Use this class to add screen reader / web crawler only content |
| + * |
| + * EG: |
| + * - An h1 for SEO that is not visible |
| + * - A skip-to link for screen readers |
| + */ |
| + |
| +.sr-only |
| +{ |
| + position: absolute; |
| + overflow: hidden; |
| + clip: rect(0, 0, 0, 0); |
| + width: 1px; |
| + height: 1px; |
| + margin: -1px; |
| + padding: 0; |
| + border: 0; |
| +} |