| 1 | export const CustomMedia = {
|
| 2 | "--motionOK": "(prefers-reduced-motion: no-preference)",
|
| 3 | "--motionNotOK": "(prefers-reduced-motion: reduce)",
|
| 4 | "--opacityOK": "(prefers-reduced-transparency: no-preference)",
|
| 5 | "--opacityNotOK": "(prefers-reduced-transparency: reduce)",
|
| 6 | "--useDataOK": "(prefers-reduced-data: no-preference)",
|
| 7 | "--useDataNotOK": "(prefers-reduced-data: reduce)",
|
| 8 |
|
| 9 | "--OSdark": "(prefers-color-scheme: dark)",
|
| 10 | "--OSlight": "(prefers-color-scheme: light)",
|
| 11 |
|
| 12 | "--highContrast": "(prefers-contrast: more)",
|
| 13 | "--lowContrast": "(prefers-contrast: less)",
|
| 14 |
|
| 15 | "--invertedColors": "(inverted-colors: inverted)",
|
| 16 | "--forcedColors": "(forced-colors: active)",
|
| 17 |
|
| 18 | "--portrait": "(orientation: portrait)",
|
| 19 | "--landscape": "(orientation: landscape)",
|
| 20 |
|
| 21 | "--HDcolor": "(dynamic-range: high) or (color-gamut: p3)",
|
| 22 |
|
| 23 | "--touch": "(hover: none) and (pointer: coarse)",
|
| 24 | "--stylus": "(hover: none) and (pointer: fine)",
|
| 25 | "--pointer": "(hover) and (pointer: coarse)",
|
| 26 | "--mouse": "(hover) and (pointer: fine)",
|
| 27 |
|
| 28 | "--xxs-only": "(0px <= width < 240px)",
|
| 29 | "--xxs-n-above": "(width >= 240px)",
|
| 30 | "--xxs-n-below": "(width < 240px)",
|
| 31 | "--xxs-phone": "(--xxs-only) and (--portrait)",
|
| 32 |
|
| 33 | "--xs-only": "(240px <= width < 360px)",
|
| 34 | "--xs-n-above": "(width >= 360px)",
|
| 35 | "--xs-n-below": "(width < 360px)",
|
| 36 | "--xs-phone": "(--xs-only) and (--portrait)",
|
| 37 |
|
| 38 | "--sm-only": "(360px <= width < 480px)",
|
| 39 | "--sm-n-above": "(width >= 480px)",
|
| 40 | "--sm-n-below": "(width < 480px)",
|
| 41 | "--sm-phone": "(--sm-only) and (--portrait)",
|
| 42 |
|
| 43 | "--md-only": "(480px <= width < 768px)",
|
| 44 | "--md-n-above": "(width >= 768px)",
|
| 45 | "--md-n-below": "(width < 768px)",
|
| 46 | "--md-phone": "(--md-only) and (--portrait)",
|
| 47 |
|
| 48 | "--lg-only": "(768px <= width < 1024px)",
|
| 49 | "--lg-n-above": "(width >= 1024px)",
|
| 50 | "--lg-n-below": "(width < 1024px)",
|
| 51 | "--lg-phone": "(--lg-only) and (--portrait)",
|
| 52 |
|
| 53 | "--xl-only": "(1024px <= width < 1440px)",
|
| 54 | "--xl-n-above": "(width >= 1440px)",
|
| 55 | "--xl-n-below": "(width < 1440px)",
|
| 56 |
|
| 57 | "--xxl-only": "(1440px <= width < 1920px)",
|
| 58 | "--xxl-n-above": "(width >= 1920px)",
|
| 59 | "--xxl-n-below": "(width < 1920px)",
|
| 60 | }
|