2020-09-11 23:22:50 +07:00
|
|
|
|
/**
|
|
|
|
|
* Accessibility & User interaction
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
2021-07-02 16:54:41 +07:00
|
|
|
|
// Based on :
|
2020-09-11 23:22:50 +07:00
|
|
|
|
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
|
|
|
|
// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css
|
|
|
|
|
// ––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
// Accessibility
|
|
|
|
|
|
|
|
|
|
// Change the cursor on control elements in all browsers (opinionated)
|
|
|
|
|
[aria-controls] {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)
|
|
|
|
|
[aria-disabled="true"],
|
|
|
|
|
[disabled] {
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Change the display on visually hidden accessible elements in all browsers (opinionated)
|
|
|
|
|
[aria-hidden="false"][hidden] {
|
|
|
|
|
display: initial;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[aria-hidden="false"][hidden]:not(:focus) {
|
|
|
|
|
clip: rect(0, 0, 0, 0);
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// User interaction
|
|
|
|
|
// Remove the tapping delay in IE 10
|
|
|
|
|
a,
|
|
|
|
|
area,
|
|
|
|
|
button,
|
|
|
|
|
input,
|
|
|
|
|
label,
|
|
|
|
|
select,
|
|
|
|
|
summary,
|
|
|
|
|
textarea,
|
|
|
|
|
[tabindex] {
|
|
|
|
|
-ms-touch-action: manipulation;
|
|
|
|
|
}
|
2021-10-24 02:06:00 +07:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Pico
|
|
|
|
|
// ––––––––––––––––––––
|
|
|
|
|
|
|
|
|
|
[dir="rtl"] {
|
|
|
|
|
direction: rtl;
|
|
|
|
|
}
|