1 | @custom-media --motionOK (prefers-reduced-motion: no-preference);
|
2 | @custom-media --motionNotOK (prefers-reduced-motion: reduce);
|
3 | @custom-media --opacityOK (prefers-reduced-transparency: no-preference);
|
4 | @custom-media --opacityNotOK (prefers-reduced-transparency: reduce);
|
5 | @custom-media --useDataOK (prefers-reduced-data: no-preference);
|
6 | @custom-media --useDataNotOK (prefers-reduced-data: reduce);
|
7 |
|
8 | @custom-media --OSdark (prefers-color-scheme: dark);
|
9 | @custom-media --OSlight (prefers-color-scheme: light);
|
10 |
|
11 | @custom-media --highContrast (prefers-contrast: more);
|
12 | @custom-media --lowContrast (prefers-contrast: less);
|
13 |
|
14 | @custom-media --portrait (orientation: portrait);
|
15 | @custom-media --landscape (orientation: landscape);
|
16 |
|
17 | @custom-media --HDcolor (dynamic-range: high);
|
18 |
|
19 | @custom-media --touch (hover: none) and (pointer: coarse);
|
20 | @custom-media --stylus (hover: none) and (pointer: fine);
|
21 | @custom-media --pointer (hover) and (pointer: coarse);
|
22 | @custom-media --mouse (hover) and (pointer: fine);
|
23 |
|
24 | @custom-media --xxs-only (0px <= width <= 240px);
|
25 | @custom-media --xxs-n-above (width >= 240px);
|
26 | @custom-media --xxs-n-below (width <= 240px);
|
27 | @custom-media --xxs-phone (--xxs-only) and (--portrait);
|
28 |
|
29 | @custom-media --xs-only (240px <= width <= 360px);
|
30 | @custom-media --xs-n-above (width >= 360px);
|
31 | @custom-media --xs-n-below (width <= 360px);
|
32 | @custom-media --xs-phone (--xs-only) and (--portrait);
|
33 |
|
34 | @custom-media --sm-only (360px <= width <= 480px);
|
35 | @custom-media --sm-n-above (width >= 480px);
|
36 | @custom-media --sm-n-below (width <= 480px);
|
37 | @custom-media --sm-phone (--sm-only) and (--portrait);
|
38 |
|
39 | @custom-media --md-only (480px <= width <= 768px);
|
40 | @custom-media --md-n-above (width >= 768px);
|
41 | @custom-media --md-n-below (width <= 768px);
|
42 | @custom-media --md-phone (--md-only) and (--portrait);
|
43 |
|
44 | @custom-media --lg-only (768px <= width <= 1024px);
|
45 | @custom-media --lg-n-above (width >= 1024px);
|
46 | @custom-media --lg-n-below (width <= 1024px);
|
47 | @custom-media --lg-phone (--lg-only) and (--portrait);
|
48 |
|
49 | @custom-media --xl-only (1024px <= width <= 1440px);
|
50 | @custom-media --xl-n-above (width >= 1440px);
|
51 | @custom-media --xl-n-below (width <= 1440px);
|
52 |
|
53 | @custom-media --xxl-only (1440px <= width <= 1920px);
|
54 | @custom-media --xxl-n-above (width >= 1920px);
|
55 | @custom-media --xxl-n-below (width <= 1920px); |
\ | No newline at end of file |