Author: Cédric Bontems [67456035+cbontems@users.noreply.github.com]
Committer: GitHub [noreply@github.com] Wed, 21 Feb 2024 21:01:17 +0000
Hash: e857ce93ea405867d1bbbb6c834bff0f0d3ab12a
Timestamp: Wed, 21 Feb 2024 21:01:17 +0000 (7 months ago)

+3 -0 +/-3 browse
feat(media): add inverted colors custom media query (#469)
feat(media): add inverted colors custom media query (#469)

1diff --git a/docsite/index.html b/docsite/index.html
2index 389fe9f..eb54666 100644
3--- a/docsite/index.html
4+++ b/docsite/index.html
5 @@ -3366,6 +3366,7 @@
6 @custom-media --motionOK (prefers-reduced-motion: no-preference);
7 @custom-media --motionNotOK (prefers-reduced-motion: reduce);
8
9+ @custom-media --invertedColors (inverted-colors: inverted);
10 @custom-media --forcedColors (forced-colors: active);
11 </code></pre>
12 </div>
13 diff --git a/src/props.media.css b/src/props.media.css
14index 47b95cd..0321e35 100644
15--- a/src/props.media.css
16+++ b/src/props.media.css
17 @@ -11,6 +11,7 @@
18 @custom-media --highContrast (prefers-contrast: more);
19 @custom-media --lowContrast (prefers-contrast: less);
20
21+ @custom-media --invertedColors (inverted-colors: inverted);
22 @custom-media --forcedColors (forced-colors: active);
23
24 @custom-media --portrait (orientation: portrait);
25 diff --git a/src/props.media.js b/src/props.media.js
26index efd808a..f4c53d8 100644
27--- a/src/props.media.js
28+++ b/src/props.media.js
29 @@ -12,6 +12,7 @@ export const CustomMedia = {
30 "--highContrast": "(prefers-contrast: more)",
31 "--lowContrast": "(prefers-contrast: less)",
32
33+ "--invertedColors": "(inverted-colors: inverted)",
34 "--forcedColors": "(forced-colors: active)",
35
36 "--portrait": "(orientation: portrait)",