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