| 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 | "--portrait": "(orientation: portrait)",
|
| 16 | "--landscape": "(orientation: landscape)",
|
| 17 |
|
| 18 | "--HDcolor": "(dynamic-range: high)",
|
| 19 |
|
| 20 | "--touch": "(hover: none) and (pointer: coarse)",
|
| 21 | "--stylus": "(hover: none) and (pointer: fine)",
|
| 22 | "--pointer": "(hover) and (pointer: coarse)",
|
| 23 | "--mouse": "(hover) and (pointer: fine)",
|
| 24 |
|
| 25 | "--xxs-only": "(0px <= width <= 240px)",
|
| 26 | "--xxs-n-above": "(width >= 240px)",
|
| 27 | "--xxs-n-below": "(width < 240px)",
|
| 28 | "--xxs-phone": "(--xxs-only) and (--portrait)",
|
| 29 |
|
| 30 | "--xs-only": "(240px <= width <= 360px)",
|
| 31 | "--xs-n-above": "(width >= 360px)",
|
| 32 | "--xs-n-below": "(width < 360px)",
|
| 33 | "--xs-phone": "(--xs-only) and (--portrait)",
|
| 34 |
|
| 35 | "--sm-only": "(360px <= width <= 480px)",
|
| 36 | "--sm-n-above": "(width >= 480px)",
|
| 37 | "--sm-n-below": "(width < 480px)",
|
| 38 | "--sm-phone": "(--sm-only) and (--portrait)",
|
| 39 |
|
| 40 | "--md-only": "(480px <= width <= 768px)",
|
| 41 | "--md-n-above": "(width >= 768px)",
|
| 42 | "--md-n-below": "(width < 768px)",
|
| 43 | "--md-phone": "(--md-only) and (--portrait)",
|
| 44 |
|
| 45 | "--lg-only": "(768px <= width <= 1024px)",
|
| 46 | "--lg-n-above": "(width >= 1024px)",
|
| 47 | "--lg-n-below": "(width < 1024px)",
|
| 48 | "--lg-phone": "(--lg-only) and (--portrait)",
|
| 49 |
|
| 50 | "--xl-only": "(1024px <= width <= 1440px)",
|
| 51 | "--xl-n-above": "(width >= 1440px)",
|
| 52 | "--xl-n-below": "(width < 1440px)",
|
| 53 |
|
| 54 | "--xxl-only": "(1440px <= width <= 1920px)",
|
| 55 | "--xxl-n-above": "(width >= 1920px)",
|
| 56 | "--xxl-n-below": "(width < 1920px)",
|
| 57 | } |
| \ | No newline at end of file |