52 lines
		
	
	
	
		
			1.1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			52 lines
		
	
	
	
		
			1.1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| /**
 | ||
|  * 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)
 | ||
| [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;
 | ||
| }
 | ||
| 
 | ||
| // Pico
 | ||
| // ––––––––––––––––––––
 | ||
| 
 | ||
| [dir="rtl"] {
 | ||
|   direction: rtl;
 | ||
| }
 |