Skip to content

Commit 3fd75f6

Browse files
hamishwilleeddbeck
andauthored
CSS color-adjust to print-color-adjust (#14738)
* CSS color-adjust to print-color-adjust * Add Safari support in 15.4 * Merge in versions and notes from -webkit-print-color-adjust.json * Remove -webkit-print-color-adjust (merged into print-color-adjust) * Apply suggestions from code review Co-authored-by: Daniel D. Beck <[email protected]> * Apply suggestions from code review Co-authored-by: Daniel D. Beck <[email protected]>
1 parent 4028a23 commit 3fd75f6

File tree

3 files changed

+104
-141
lines changed

3 files changed

+104
-141
lines changed

css/properties/-webkit-print-color-adjust.json

-72
This file was deleted.

css/properties/color-adjust.json

-69
This file was deleted.
+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
{
2+
"css": {
3+
"properties": {
4+
"print-color-adjust": {
5+
"__compat": {
6+
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/print-color-adjust",
7+
"spec_url": "https://drafts.csswg.org/css-color-adjust/#propdef-print-color-adjust",
8+
"support": {
9+
"chrome": {
10+
"version_added": "17",
11+
"prefix": "-webkit-",
12+
"notes": [
13+
"Chrome does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants.",
14+
"Before version 26, if background images are clipped (for example, when using <code>background-image</code> sprites) and <code>-webkit-print-color-adjust</code> is set to <code>exact</code>, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See <a href='https://crbug.com/131054'>Chromium bug 131054</a>."
15+
]
16+
},
17+
"chrome_android": {
18+
"version_added": "18",
19+
"prefix": "-webkit-",
20+
"notes": [
21+
"Chrome does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants.",
22+
"Before version 26, if background images are clipped (for example, when using <code>background-image</code> sprites) and <code>-webkit-print-color-adjust</code> is set to <code>exact</code>, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See <a href='https://crbug.com/131054'>Chromium bug 131054</a>."
23+
]
24+
},
25+
"edge": {
26+
"version_added": "79",
27+
"prefix": "-webkit-",
28+
"notes": "Edge does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
29+
},
30+
"firefox": [
31+
{
32+
"version_added": "97"
33+
},
34+
{
35+
"version_added": "48",
36+
"alternative_name": "color-adjust"
37+
}
38+
],
39+
"firefox_android": [
40+
{
41+
"version_added": "97"
42+
},
43+
{
44+
"version_added": "48",
45+
"alternative_name": "color-adjust"
46+
}
47+
],
48+
"ie": {
49+
"version_added": false
50+
},
51+
"opera": {
52+
"version_added": "15",
53+
"prefix": "-webkit-",
54+
"notes": "Opera does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
55+
},
56+
"opera_android": {
57+
"version_added": "15",
58+
"prefix": "-webkit-",
59+
"notes": "Opera does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
60+
},
61+
"safari": [
62+
{
63+
"version_added": "15.4"
64+
},
65+
{
66+
"version_added": "6",
67+
"prefix": "-webkit-",
68+
"notes": "Safari does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
69+
}
70+
],
71+
"safari_ios": [
72+
{
73+
"version_added": "15.4"
74+
},
75+
{
76+
"version_added": "6",
77+
"prefix": "-webkit-",
78+
"notes": "Safari does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
79+
}
80+
],
81+
"samsunginternet_android": {
82+
"version_added": "1.0",
83+
"prefix": "-webkit-",
84+
"notes": [
85+
"Samsung Internet does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants.",
86+
"In version 1, if background images are clipped (for example, when using <code>background-image</code> sprites) and <code>-webkit-print-color-adjust</code> is set to <code>exact</code>, then backgrounds will appear distorted when printed. Solid backgrounds and background images that are not clipped (i.e., backgrounds that have narrower and shorter than the element to which they are applied) are printed correctly. See <a href='https://crbug.com/131054'>Chromium bug 131054</a>."
87+
]
88+
},
89+
"webview_android": {
90+
"version_added": "4.4",
91+
"prefix": "-webkit-",
92+
"notes": "WebView does not print backgrounds of the <a href='https://developer.mozilla.org/docs/Web/HTML/Element/body'><code>&lt;body&gt;</code></a> element. If this property is set to <code>exact</code> for the <code>&lt;body&gt;</code> element, it will apply only to its descendants."
93+
}
94+
},
95+
"status": {
96+
"experimental": false,
97+
"standard_track": true,
98+
"deprecated": false
99+
}
100+
}
101+
}
102+
}
103+
}
104+
}

0 commit comments

Comments
 (0)