| 1 |
|
| 2 | @media (prefers-color-scheme: dark) {
|
| 3 | .day.dark-scheme { background: #333; color: white; }
|
| 4 | .night.dark-scheme { background: black; color: #ddd; }
|
| 5 | }
|
| 6 |
|
| 7 | @media (prefers-contrast: more) {
|
| 8 | .contrast { outline: 2px solid black; }
|
| 9 | }
|
| 10 |
|
| 11 | @media screen and (prefers-reduced-motion: reduce), (update: slow) {
|
| 12 | * {
|
| 13 | animation-duration: 0.001ms ;
|
| 14 | /* Hat tip Nick/cssremedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
|
| 15 | animation-iteration-count: 1 ;
|
| 16 | transition-duration: 0.001ms ;
|
| 17 | }
|
| 18 | }
|
| 19 |
|