Author: Cédric Bontems [67456035+cbontems@users.noreply.github.com]
Committer: GitHub [noreply@github.com] Thu, 07 Dec 2023 19:50:04 +0000
Hash: 559c91bbf1bffa9d127351491616501c403fcd10
Timestamp: Thu, 07 Dec 2023 19:50:04 +0000 (9 months ago)

+3 -3 +/-3 browse
fix(customMQ): extend --HDcolor media query with color-gamut check (#444)
fix(customMQ): extend --HDcolor media query with color-gamut check (#444)

1diff --git a/docsite/index.html b/docsite/index.html
2index 1b5c119..4cff1f1 100644
3--- a/docsite/index.html
4+++ b/docsite/index.html
5 @@ -3352,7 +3352,7 @@
6 @custom-media --pointer (hover) and (pointer: coarse);
7 @custom-media --mouse (hover) and (pointer: fine);
8
9- @custom-media --HDcolor (dynamic-range: high);
10+ @custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);
11 </code></pre>
12 </div>
13 </div>
14 diff --git a/src/props.media.css b/src/props.media.css
15index 2d5a5e4..134a983 100644
16--- a/src/props.media.css
17+++ b/src/props.media.css
18 @@ -14,7 +14,7 @@
19 @custom-media --portrait (orientation: portrait);
20 @custom-media --landscape (orientation: landscape);
21
22- @custom-media --HDcolor (dynamic-range: high);
23+ @custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);
24
25 @custom-media --touch (hover: none) and (pointer: coarse);
26 @custom-media --stylus (hover: none) and (pointer: fine);
27 diff --git a/src/props.media.js b/src/props.media.js
28index b05d5cb..64edee8 100644
29--- a/src/props.media.js
30+++ b/src/props.media.js
31 @@ -15,7 +15,7 @@ export const CustomMedia = {
32 "--portrait": "(orientation: portrait)",
33 "--landscape": "(orientation: landscape)",
34
35- "--HDcolor": "(dynamic-range: high)",
36+ "--HDcolor": "(dynamic-range: high) or (color-gamut: p3)",
37
38 "--touch": "(hover: none) and (pointer: coarse)",
39 "--stylus": "(hover: none) and (pointer: fine)",