1 | /**
|
2 | * Accessibility & User interaction
|
3 | */
|
4 |
|
5 |
|
6 | // Based on :
|
7 | // - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
8 | // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css
|
9 | // ––––––––––––––––––––
|
10 |
|
11 | // Accessibility
|
12 |
|
13 | // Change the cursor on control elements in all browsers (opinionated)
|
14 | [aria-controls] {
|
15 | cursor: pointer;
|
16 | }
|
17 |
|
18 | // Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)
|
19 | [aria-disabled="true"],
|
20 | [disabled] {
|
21 | cursor: not-allowed;
|
22 | }
|
23 |
|
24 | // Change the display on visually hidden accessible elements in all browsers (opinionated)
|
25 | [aria-hidden="false"][hidden] {
|
26 | display: initial;
|
27 | }
|
28 |
|
29 | [aria-hidden="false"][hidden]:not(:focus) {
|
30 | clip: rect(0, 0, 0, 0);
|
31 | position: absolute;
|
32 | }
|
33 |
|
34 | // User interaction
|
35 | // Remove the tapping delay in IE 10
|
36 | a,
|
37 | area,
|
38 | button,
|
39 | input,
|
40 | label,
|
41 | select,
|
42 | summary,
|
43 | textarea,
|
44 | [tabindex] {
|
45 | -ms-touch-action: manipulation;
|
46 | }
|