diff --git a/mediaqueries-5/Overview.bs b/mediaqueries-5/Overview.bs index e24f673f2c4f..9432ada90c00 100644 --- a/mediaqueries-5/Overview.bs +++ b/mediaqueries-5/Overview.bs @@ -148,6 +148,59 @@ Detecting the ambient light level: the 'light-level' feature +

+Detecting the display technology: the 'environment-blending' feature

+ +
+    Name: environment-blending
+    Value: opaque | additive | subtractive
+    For: @media
+    Type: discrete
+    
+ + The 'environment-blending' media feature is used to query the characteristics of the user's display + so the author can adjust the style of the document. + An author might choose to adjust the visuals and/or layout of the page depending on the display + technology to increase the appeal or improve legibility. + + The following values are valid: + +
+
opaque +
+ The document is rendered on an opaque medium, such as a traditional monitor or paper. + Black is dark and white is 100% light. + +
additive +
+ The display blends the colors of the canvas with the real world using additive mixing. + Black is fully transparent and white is 100% light. + + For example: a head-up display in a car. + +
subtractive +
+ The display blends the colors of the canvas with the real world using subtractive mixing. + White is fully transparent and dark colors have the most contrast. + + For example: an LCD display embedded in a bathroom mirror. +
+ + Issue: Is there a need for the 'subtractive' value? + +
+
+        body { background-color: white; }
+        p { color: black; }
+
+        @media(environment-blending: additive) {
+            body { background-color: black; }
+            p { color: white; font-size: 16px; font-weight: 1000; }
+        }
+        
+
+ +