+ folder restructuring
This commit is contained in:
57
view/stylesheets/pico/utilities/_accessibility.scss
Normal file
57
view/stylesheets/pico/utilities/_accessibility.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
@use "sass:map";
|
||||
@use "../settings" as *;
|
||||
|
||||
@if map.get($modules, "utilities/accessibility") {
|
||||
/**
|
||||
* Accessibility & User interaction
|
||||
*/
|
||||
|
||||
// Based on :
|
||||
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
||||
// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
|
||||
// ––––––––––––––––––––
|
||||
|
||||
// Accessibility
|
||||
|
||||
// Change the cursor on control elements in all browsers (opinionated)
|
||||
#{$parent-selector} [aria-controls] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)
|
||||
#{$parent-selector} [aria-disabled="true"],
|
||||
#{$parent-selector} [disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Change the display on visually hidden accessible elements in all browsers (opinionated)
|
||||
#{$parent-selector} [aria-hidden="false"][hidden] {
|
||||
display: initial;
|
||||
}
|
||||
|
||||
#{$parent-selector} [aria-hidden="false"][hidden]:not(:focus) {
|
||||
clip: rect(0, 0, 0, 0);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
// User interaction
|
||||
// Remove the tapping delay in IE 10
|
||||
#{$parent-selector} a,
|
||||
#{$parent-selector} area,
|
||||
#{$parent-selector} button,
|
||||
#{$parent-selector} input,
|
||||
#{$parent-selector} label,
|
||||
#{$parent-selector} select,
|
||||
#{$parent-selector} summary,
|
||||
#{$parent-selector} textarea,
|
||||
#{$parent-selector} [tabindex] {
|
||||
-ms-touch-action: manipulation;
|
||||
}
|
||||
|
||||
// Pico
|
||||
// ––––––––––––––––––––
|
||||
|
||||
#{$parent-selector} [dir="rtl"] {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user