+ to the git
This commit is contained in:
		
							
								
								
									
										57
									
								
								public/stylesheets/pico/utilities/_accessibility.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										57
									
								
								public/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; | ||||
|   } | ||||
| } | ||||
							
								
								
									
										30
									
								
								public/stylesheets/pico/utilities/_reduce-motion.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										30
									
								
								public/stylesheets/pico/utilities/_reduce-motion.scss
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,30 @@ | ||||
| @use "sass:map"; | ||||
| @use "../settings" as *; | ||||
|  | ||||
| @if map.get($modules, "utilities/reduce-motion") and enable-transitions and enable-important { | ||||
|   /** | ||||
|    * Reduce Motion Features | ||||
|    */ | ||||
|  | ||||
|   // Based on : | ||||
|   // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css | ||||
|   // –––––––––––––––––––– | ||||
|  | ||||
|   // 1. Remove animations when motion is reduced (opinionated) | ||||
|   // 2. Remove fixed background attachments when motion is reduced (opinionated) | ||||
|   // 3. Remove timed scrolling behaviors when motion is reduced (opinionated) | ||||
|   // 4. Remove transitions when motion is reduced (opinionated) | ||||
|   @media (prefers-reduced-motion: reduce) { | ||||
|     #{$parent-selector} *:not([aria-busy="true"]), | ||||
|     #{$parent-selector} :not([aria-busy="true"])::before, | ||||
|     #{$parent-selector} :not([aria-busy="true"])::after { | ||||
|       background-attachment: initial !important; // 2 | ||||
|       animation-duration: 1ms !important; // 1 | ||||
|       animation-delay: -1ms !important; // 1 | ||||
|       animation-iteration-count: 1 !important; // 1 | ||||
|       scroll-behavior: auto !important; // 3 | ||||
|       transition-delay: 0s !important; // 4 | ||||
|       transition-duration: 0s !important; // 4 | ||||
|     } | ||||
|   } | ||||
| } | ||||
		Reference in New Issue
	
	Block a user
	 itsig0
					itsig0