summaryrefslogtreecommitdiff
path: root/node_modules/cssdb/cssdb.json
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2024-05-14 14:05:49 +0800
committerlittleblack111 <littleblack11111@gmail.com>2024-05-14 14:05:49 +0800
commit06823fbf1c2e763a5bf76c3990ca98fbbcd98691 (patch)
tree4280bece3888d12a022093bf1a9cd1b049393602 /node_modules/cssdb/cssdb.json
parent1368909b3cd552dbb0d12d5863c597f5be46177d (diff)
updated node_modules
Diffstat (limited to 'node_modules/cssdb/cssdb.json')
-rw-r--r--node_modules/cssdb/cssdb.json473
1 files changed, 229 insertions, 244 deletions
diff --git a/node_modules/cssdb/cssdb.json b/node_modules/cssdb/cssdb.json
index a306bfa4..51fbb2bc 100644
--- a/node_modules/cssdb/cssdb.json
+++ b/node_modules/cssdb/cssdb.json
@@ -23,14 +23,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/all"
},
"example": "a {\n all: initial;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/maximkoretskiy/postcss-initial"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "any-link-pseudo-class",
@@ -56,14 +56,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:any-link"
},
"example": "nav :any-link > span {\n background-color: yellow;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-pseudo-class-any-link"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "blank-pseudo-class",
@@ -125,16 +125,24 @@
"specification": "https://www.w3.org/TR/css-values-4/#calc-constants",
"stage": 2,
"browser_support": {
+ "and_chr": "110",
"and_ff": "114",
+ "android": "110",
+ "chrome": "110",
+ "edge": "110",
"firefox": "114",
"ios_saf": "16",
- "safari": "16"
+ "op_mob": "74",
+ "opera": "96",
+ "safari": "16",
+ "samsung": "21.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc-constant"
},
"example": "p {\n font-size: calc(pow(e, pi) * 1rem);\n}",
- "vendors_implementations": 2
+ "interoperable_at": 1686009600,
+ "vendors_implementations": 3
},
{
"id": "cascade-layers",
@@ -160,6 +168,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@layer"
},
"example": "/* Un-layered styles have the highest priority */\na {\n color: mediumvioletred;\n}\n\n@layer defaults {\n a { color: maroon; }\n}",
+ "interoperable_at": 1647216000,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -167,7 +176,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1647216000
+ "web-feature": "cascade-layers"
},
{
"id": "case-insensitive-attributes",
@@ -193,14 +202,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors"
},
"example": "[frame=hsides i] {\n border-style: solid none;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-attribute-case-insensitive"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "clamp",
@@ -226,14 +235,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/clamp"
},
"example": "button {\n font-size: clamp(1rem, 2.5vw, 2rem);\n}",
+ "interoperable_at": 1586217600,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/polemius/postcss-clamp"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1586304000
+ "vendors_implementations": 3
},
{
"id": "color-adjust",
@@ -254,20 +263,6 @@
"vendors_implementations": 2
},
{
- "id": "color-contrast",
- "title": "`color-contrast()` Function",
- "description": "A function for choosing the color that contrasts the most.",
- "specification": "https://drafts.csswg.org/css-color-6/#colorcontrast",
- "stage": 1,
- "browser_support": {},
- "docs": {
- "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-contrast"
- },
- "example": "p {\n color: color-contrast(wheat vs tan, sienna, var(--myAccent), #d2691e);\n}",
- "polyfills": [],
- "vendors_implementations": 0
- },
- {
"id": "color-function",
"title": "`color()` Function",
"description": "A function that allows a color to be specified in a particular, specified color space rather than the implicit sRGB color space that most of the other color functions operate in.",
@@ -290,6 +285,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color"
},
"example": "p {\n color: color(display-p3 1 0.5 0);\n color: color(display-p3 1 0.5 0 / .5);\n}",
+ "interoperable_at": 1683590400,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -297,7 +293,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1683590400
+ "web-feature": "color-function"
},
{
"id": "color-functional-notation",
@@ -323,14 +319,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb#syntax"
},
"example": "em {\n background-color: hsl(120deg 100% 25%);\n color: rgb(0 255 0);\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-functional-notation"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "color-mix",
@@ -355,6 +351,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix"
},
"example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}",
+ "interoperable_at": 1683590400,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -362,23 +359,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1683590400
- },
- {
- "id": "color-mod-function",
- "title": "`color-mod()` Function",
- "description": "A function for modifying colors",
- "specification": "https://www.w3.org/TR/css-color-4/#funcdef-color-mod",
- "stage": -1,
- "browser_support": {},
- "example": "p {\n color: color-mod(black alpha(50%));\n}",
- "polyfills": [
- {
- "type": "PostCSS Plugin",
- "link": "https://github.com/csstools/postcss-color-mod-function"
- }
- ],
- "vendors_implementations": 0
+ "web-feature": "color-mix"
},
{
"id": "container-queries",
@@ -387,22 +368,23 @@
"specification": "https://www.w3.org/TR/css-contain-3/#container-queries",
"stage": 2,
"browser_support": {
- "and_chr": "106",
+ "and_chr": "105",
"and_ff": "110",
- "android": "106",
- "chrome": "106",
- "edge": "106",
+ "android": "105",
+ "chrome": "105",
+ "edge": "105",
"firefox": "110",
"ios_saf": "16",
- "op_mob": "73",
- "opera": "94",
+ "op_mob": "72",
+ "opera": "91",
"safari": "16",
- "samsung": "20"
+ "samsung": "20.0"
},
"docs": {
- "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries"
+ "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries"
},
"example": ".container {\n contain: layout inline-size;\n}\n\n@container (min-width: 700px) {\n .container {\n /* styles applied when a container is at least 700px */\n }\n}",
+ "interoperable_at": 1676332800,
"polyfills": [
{
"type": "JavaScript Library",
@@ -410,7 +392,19 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1676332800
+ "web-feature": "container-queries"
+ },
+ {
+ "id": "contrast-color-function",
+ "title": "`contrast-color()` Function",
+ "description": "Dynamically specifying a text color with adequate contrast.",
+ "specification": "https://drafts.csswg.org/css-color-5/#contrast-color",
+ "stage": 2,
+ "browser_support": {},
+ "docs": {},
+ "example": "p {\n color: contrast-color( purple max );\n}",
+ "polyfills": [],
+ "vendors_implementations": 0
},
{
"id": "custom-media-queries",
@@ -452,6 +446,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/var"
},
"example": ":root {\n --some-length: 32px;\n\n height: var(--some-length);\n width: var(--some-length);\n}",
+ "interoperable_at": 1491350400,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -459,23 +454,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1491868800
- },
- {
- "id": "custom-property-sets",
- "title": "Custom Property Sets",
- "description": "A syntax for storing properties in named variables, referenceable in other style rules",
- "specification": "https://tabatkins.github.io/specs/css-apply-rule/",
- "stage": -1,
- "browser_support": {},
- "example": "img {\n --some-length-styles: {\n height: 32px;\n width: 32px;\n };\n\n @apply --some-length-styles;\n}",
- "polyfills": [
- {
- "type": "PostCSS Plugin",
- "link": "https://github.com/pascalduez/postcss-apply"
- }
- ],
- "vendors_implementations": 0
+ "web-feature": "custom-properties"
},
{
"id": "custom-selectors",
@@ -507,21 +486,23 @@
"edge": "120",
"firefox": "49",
"ios_saf": "16.4",
+ "op_mob": "80",
"opera": "106",
- "safari": "16.4"
+ "safari": "16.4",
+ "samsung": "25.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:dir"
},
"example": "blockquote:dir(rtl) {\n margin-right: 10px;\n}\n\nblockquote:dir(ltr) {\n margin-left: 10px;\n}",
+ "interoperable_at": 1701907200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-dir-pseudo-class"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1701993600
+ "vendors_implementations": 3
},
{
"id": "display-two-values",
@@ -546,14 +527,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/display/multi-keyword_syntax_of_display"
},
"example": ".element {\n display: inline flow-root;\n display: inline flex;\n display: block grid;\n}",
+ "interoperable_at": 1689897600,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-normalize-display-values"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1689897600
+ "vendors_implementations": 3
},
{
"id": "double-position-gradients",
@@ -579,14 +560,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient"
},
"example": ".pie_chart {\n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}",
+ "interoperable_at": 1605571200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-double-position-gradients"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1605571200
+ "vendors_implementations": 3
},
{
"id": "environment-variables",
@@ -614,22 +595,30 @@
"specification": "https://www.w3.org/TR/css-values-4/#exponent-funcs",
"stage": 2,
"browser_support": {
+ "and_chr": "120",
"and_ff": "118",
+ "android": "120",
+ "chrome": "120",
+ "edge": "120",
"firefox": "118",
"ios_saf": "15.4",
- "safari": "15.4"
+ "op_mob": "80",
+ "opera": "106",
+ "safari": "15.4",
+ "samsung": "25.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/exp"
},
"example": "p {\n font-size: calc(pow(10, 12) * 1rem);\n font-size: calc(sqrt(100) * 1rem);\n font-size: calc(hypot(3, 4) * 1rem);\n font-size: calc(log(10) * 1rem);\n font-size: calc(exp(10) * 1rem);\n}",
+ "interoperable_at": 1701907200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-exponential-functions"
}
],
- "vendors_implementations": 2
+ "vendors_implementations": 3
},
{
"id": "fangsong-font-family",
@@ -666,20 +655,21 @@
"ios_saf": "15",
"op_mob": "79",
"opera": "104",
- "safari": "15"
+ "safari": "15",
+ "samsung": "25.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/float"
},
"example": "span:first-child {\n float: inline-start;\n}",
+ "interoperable_at": 1697155200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-float-and-clear"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1697155200
+ "vendors_implementations": 3
},
{
"id": "focus-visible-pseudo-class",
@@ -705,6 +695,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible"
},
"example": ":focus:not(:focus-visible) {\n outline: 0;\n}",
+ "interoperable_at": 1647216000,
"polyfills": [
{
"type": "JavaScript Library",
@@ -716,7 +707,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1647216000
+ "web-feature": "focus-visible"
},
{
"id": "focus-within-pseudo-class",
@@ -741,7 +732,8 @@
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within"
},
- "example": "form:focus-within {\n background: rgba(0, 0, 0, 0.3);\n}",
+ "example": "form:focus-within {\n background: rgb(0 128 0);\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "JavaScript Library",
@@ -752,8 +744,7 @@
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-focus-within"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "font-format-keywords",
@@ -800,20 +791,21 @@
"ios_saf": "9.3",
"op_mob": "78",
"opera": "103",
- "safari": "9.1"
+ "safari": "9.1",
+ "samsung": "24.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant"
},
"example": "h2 {\n font-variant: small-caps;\n}",
+ "interoperable_at": 1694736000,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/postcss/postcss-font-variant"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1694649600
+ "vendors_implementations": 3
},
{
"id": "gamut-mapping",
@@ -855,14 +847,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/gap"
},
"example": ".grid-1 {\n gap: 20px;\n}\n\n.grid-2 {\n column-gap: 40px;\n row-gap: 20px;\n}",
+ "interoperable_at": 1537142400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gap-properties"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1537142400
+ "vendors_implementations": 3
},
{
"id": "gradients-interpolation-method",
@@ -894,22 +886,6 @@
"vendors_implementations": 2
},
{
- "id": "gray-function",
- "title": "`gray()` Function",
- "description": "A function for specifying fully desaturated colors",
- "specification": "https://www.w3.org/TR/css-color-4/#funcdef-gray",
- "stage": -1,
- "browser_support": {},
- "example": "p {\n color: gray(50);\n}",
- "polyfills": [
- {
- "type": "PostCSS Plugin",
- "link": "https://github.com/postcss/postcss-color-gray"
- }
- ],
- "vendors_implementations": 0
- },
- {
"id": "grid-layout",
"title": "Grid Layout",
"description": "A syntax for using a grid concept to lay out content",
@@ -933,14 +909,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid"
},
"example": "section {\n display: grid;\n grid-template-columns: 100px 100px 100px;\n grid-gap: 10px;\n}",
+ "interoperable_at": 1508198400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/postcss/autoprefixer"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1508198400
+ "vendors_implementations": 3
},
{
"id": "has-pseudo-class",
@@ -965,6 +941,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:has"
},
"example": "a:has(> img) {\n display: block;\n}",
+ "interoperable_at": 1702944000,
"polyfills": [
{
"type": "JavaScript Library",
@@ -976,7 +953,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1702944000
+ "web-feature": "has"
},
{
"id": "hexadecimal-alpha-notation",
@@ -1002,14 +979,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Syntax_2"
},
"example": "section {\n background-color: #f3f3f3f3;\n color: #0003;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-hex-alpha"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "hwb-function",
@@ -1035,14 +1012,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb"
},
"example": "p {\n color: hwb(120 44% 50%);\n}",
+ "interoperable_at": 1651104000,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-hwb-function"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1651190400
+ "vendors_implementations": 3
},
{
"id": "ic-unit",
@@ -1067,6 +1044,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units#dimensions"
},
"example": "p {\n text-indent: 2ic;\n}",
+ "interoperable_at": 1664755200,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1074,7 +1052,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1664755200
+ "web-feature": "ic"
},
{
"id": "image-set-function",
@@ -1084,11 +1062,11 @@
"stage": 2,
"browser_support": {
"and_chr": "25",
- "and_ff": "88",
+ "and_ff": "89",
"android": "4.4",
"chrome": "21",
"edge": "79",
- "firefox": "88",
+ "firefox": "89",
"ios_saf": "14",
"oculus": "5.0",
"op_mob": "14",
@@ -1100,14 +1078,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set"
},
"example": "p {\n background-image: image-set(\n \"foo.png\" 1x,\n \"foo-2x.png\" 2x,\n \"foo-print.png\" 600dpi\n );\n}",
+ "interoperable_at": 1622505600,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-image-set-function"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1618790400
+ "vendors_implementations": 3
},
{
"id": "in-out-of-range-pseudo-class",
@@ -1132,9 +1110,9 @@
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:in-range"
},
- "example": "input:in-range {\n background-color: rgba(0, 255, 0, 0.25);\n}\ninput:out-of-range {\n background-color: rgba(255, 0, 0, 0.25);\n border: 2px solid red;\n}",
- "vendors_implementations": 3,
- "interoperable_at": 1447286400
+ "example": "input:in-range {\n background-color: rgb(0 255 0 / 0.25);\n}\ninput:out-of-range {\n background-color: rgb(255 0 0 / 0.25);\n border: 2px solid red;\n}",
+ "interoperable_at": 1447286400,
+ "vendors_implementations": 3
},
{
"id": "is-pseudo-class",
@@ -1160,6 +1138,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is"
},
"example": "p:is(:first-child, .special) {\n margin-top: 1em;\n}",
+ "interoperable_at": 1611187200,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1167,7 +1146,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1611360000
+ "web-feature": "is"
},
{
"id": "lab-function",
@@ -1176,22 +1155,23 @@
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab",
"stage": 2,
"browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
"and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
"firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2",
+ "samsung": "24.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab"
},
"example": "body {\n color: lab(80% 50 20);\n}",
+ "interoperable_at": 1692576000,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1199,7 +1179,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1683590400
+ "web-feature": "lab"
},
{
"id": "lch-function",
@@ -1208,22 +1188,23 @@
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch",
"stage": 2,
"browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
"and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
"firefox": "113",
- "ios_saf": "15",
- "op_mob": "75",
- "opera": "97",
- "safari": "15",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2",
+ "samsung": "24.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch"
},
"example": "body {\n color: lch(53% 105 40);\n}",
+ "interoperable_at": 1692576000,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1231,7 +1212,36 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1683590400
+ "web-feature": "lab"
+ },
+ {
+ "id": "light-dark-function",
+ "title": "`light-dark()` Function",
+ "description": "React to the current used `color-scheme` value",
+ "specification": "https://drafts.csswg.org/css-color-5/#light-dark",
+ "stage": 2,
+ "browser_support": {
+ "and_chr": "123",
+ "and_ff": "120",
+ "android": "123",
+ "chrome": "123",
+ "edge": "123",
+ "firefox": "120",
+ "ios_saf": "17.5",
+ "opera": "109",
+ "safari": "17.5"
+ },
+ "docs": {
+ "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark"
+ },
+ "example": "body {\n color: light-dark(cyan, magenta);\n}",
+ "polyfills": [
+ {
+ "type": "PostCSS Plugin",
+ "link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-light-dark-function"
+ }
+ ],
+ "vendors_implementations": 2
},
{
"id": "logical-overflow",
@@ -1279,14 +1289,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-block"
},
"example": "div {\n overscroll-behavior-block: scroll;\n}",
+ "interoperable_at": 1662940800,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-overscroll-behavior"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1662940800
+ "vendors_implementations": 3
},
{
"id": "logical-properties-and-values",
@@ -1312,14 +1322,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values"
},
"example": "span:first-child {\n margin-inline-start: 10px;\n}",
+ "interoperable_at": 1632096000,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1632096000
+ "vendors_implementations": 3
},
{
"id": "logical-resize",
@@ -1337,20 +1347,21 @@
"ios_saf": "16",
"op_mob": "79",
"opera": "104",
- "safari": "16"
+ "safari": "16",
+ "samsung": "25.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/resize"
},
"example": "area {\n resize: inline;\n}",
+ "interoperable_at": 1697155200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-logical-resize"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1697155200
+ "vendors_implementations": 3
},
{
"id": "logical-viewport-units",
@@ -1375,6 +1386,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/length#vb"
},
"example": "span:first-child {\n width: 5vi; height: 10vb; \n}",
+ "interoperable_at": 1670198400,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1382,40 +1394,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1670198400
- },
- {
- "id": "matches-pseudo-class",
- "title": "`:matches()` Matches-Any Pseudo-Class",
- "description": "A pseudo-class for matching elements in a selector list",
- "specification": "https://www.w3.org/TR/selectors-4/#selectordef-matches",
- "stage": -1,
- "browser_support": {
- "and_chr": "88",
- "and_ff": "82",
- "android": "88",
- "chrome": "88",
- "edge": "88",
- "firefox": "82",
- "ios_saf": "14",
- "oculus": "14.0",
- "op_mob": "63",
- "opera": "74",
- "safari": "14",
- "samsung": "15.0"
- },
- "docs": {
- "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is"
- },
- "example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}",
- "polyfills": [
- {
- "type": "PostCSS Plugin",
- "link": "https://github.com/postcss/postcss-selector-matches"
- }
- ],
- "vendors_implementations": 3,
- "interoperable_at": 1611360000
+ "web-feature": "viewport-unit-variants"
},
{
"id": "media-queries-aspect-ratio-number-values",
@@ -1437,14 +1416,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/ratio"
},
"example": "@media (aspect-ratio: 1.77) {\n html {\n background-color: cyan;\n }\n}",
+ "interoperable_at": 1679875200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-media-queries-aspect-ratio-number-values"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1679875200
+ "vendors_implementations": 3
},
{
"id": "media-query-ranges",
@@ -1470,6 +1449,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries#Syntax_improvements_in_Level_4"
},
"example": "@media (width < 480px) {}\n\n@media (480px <= width < 768px) {}\n\n@media (width >= 768px) {}",
+ "interoperable_at": 1679875200,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1477,7 +1457,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1679875200
+ "web-feature": "media-query-range-syntax"
},
{
"id": "nested-calc",
@@ -1503,14 +1483,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/calc"
},
"example": "p {\n padding: calc(1px + calc(4 / 3));\n}",
+ "interoperable_at": 1508198400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nested-calc"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1508198400
+ "vendors_implementations": 3
},
{
"id": "nesting-rules",
@@ -1526,13 +1506,16 @@
"edge": "120",
"firefox": "117",
"ios_saf": "17.2",
+ "op_mob": "80",
"opera": "106",
- "safari": "17.2"
+ "safari": "17.2",
+ "samsung": "25.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector"
},
"example": "article {\n & p {\n color: #333;\n }\n}",
+ "interoperable_at": 1702252800,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1540,7 +1523,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1702252800
+ "web-feature": "nesting"
},
{
"id": "not-pseudo-class",
@@ -1565,14 +1548,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:not"
},
"example": "p:not(:first-child, .special) {\n margin-top: 1em;\n}",
+ "interoperable_at": 1611187200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-selector-not"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1611360000
+ "vendors_implementations": 3
},
{
"id": "oklab-function",
@@ -1581,22 +1564,23 @@
"specification": "https://www.w3.org/TR/css-color-4/#specifying-oklab-oklch",
"stage": 2,
"browser_support": {
- "and_chr": "111",
+ "and_chr": "116",
"and_ff": "113",
- "android": "111",
- "chrome": "111",
- "edge": "111",
+ "android": "116",
+ "chrome": "116",
+ "edge": "116",
"firefox": "113",
- "ios_saf": "15.4",
- "op_mob": "75",
- "opera": "97",
- "safari": "15.4",
- "samsung": "22.0"
+ "ios_saf": "16.2",
+ "op_mob": "78",
+ "opera": "102",
+ "safari": "16.2",
+ "samsung": "24.0"
},
"docs": {
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab"
},
"example": "p {\n color: oklab(72.322% -0.0465 -0.1150);\n color: oklch(72.322% 0.12403 247.996);\n}",
+ "interoperable_at": 1692576000,
"polyfills": [
{
"type": "PostCSS Plugin",
@@ -1604,7 +1588,7 @@
}
],
"vendors_implementations": 3,
- "interoperable_at": 1683590400
+ "web-feature": "oklab"
},
{
"id": "opacity-percentage",
@@ -1630,14 +1614,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/opacity"
},
"example": "img {\n opacity: 90%;\n}",
+ "interoperable_at": 1585008000,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/mrcgrtz/postcss-opacity-percentage"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1585008000
+ "vendors_implementations": 3
},
{
"id": "overflow-property",
@@ -1663,14 +1647,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow"
},
"example": "html {\n overflow: hidden auto;\n}",
+ "interoperable_at": 1585008000,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-overflow-shorthand"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1585008000
+ "vendors_implementations": 3
},
{
"id": "overflow-wrap-property",
@@ -1681,7 +1665,7 @@
"browser_support": {
"and_chr": "25",
"and_ff": "49",
- "android": "37",
+ "android": "4.4",
"chrome": "23",
"edge": "18",
"firefox": "49",
@@ -1696,14 +1680,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap"
},
"example": "p {\n overflow-wrap: break-word;\n}",
+ "interoperable_at": 1538438400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/mattdimu/postcss-replace-overflow-wrap"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1542067200
+ "vendors_implementations": 3
},
{
"id": "overscroll-behavior-property",
@@ -1728,8 +1712,8 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior"
},
"example": ".messages {\n height: 220px;\n overflow: auto;\n overscroll-behavior-y: contain;\n}\n\nbody {\n margin: 0;\n overscroll-behavior: none;\n}",
- "vendors_implementations": 3,
- "interoperable_at": 1662940800
+ "interoperable_at": 1662940800,
+ "vendors_implementations": 3
},
{
"id": "place-properties",
@@ -1755,14 +1739,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/place-content"
},
"example": ".example {\n place-content: flex-end;\n place-items: center / space-between;\n place-self: flex-start / center;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-place"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "prefers-color-scheme-query",
@@ -1788,6 +1772,7 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"
},
"example": "body {\n background-color: white;\n color: black;\n}\n\n@media (prefers-color-scheme: dark) {\n body {\n background-color: black;\n color: white;\n }\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "JavaScript Library",
@@ -1798,8 +1783,7 @@
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "prefers-reduced-motion-query",
@@ -1825,8 +1809,8 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion"
},
"example": ".animation {\n animation: vibrate 0.3s linear infinite both; \n}\n\n@media (prefers-reduced-motion: reduce) {\n .animation {\n animation: none;\n }\n}",
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "interoperable_at": 1579046400,
+ "vendors_implementations": 3
},
{
"id": "read-only-write-pseudo-class",
@@ -1852,8 +1836,9 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only"
},
"example": "input:read-only {\n background-color: #ccc;\n}",
+ "interoperable_at": 1593475200,
"vendors_implementations": 3,
- "interoperable_at": 1593475200
+ "web-feature": "read-write-pseudos"
},
{
"id": "rebeccapurple-color",
@@ -1880,32 +1865,25 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
},
"example": "html {\n color: rebeccapurple;\n}",
+ "interoperable_at": 1443571200,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-rebeccapurple"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1443657600
+ "vendors_implementations": 3
},
{
"id": "relative-color-syntax",
- "title": "Relative Color Syntax",
+ "title": "Relative Colors",
"description": "Modify existing colors using color functions",
"specification": "https://www.w3.org/TR/css-color-5/#relative-colors",
"stage": 2,
- "browser_support": {
- "and_chr": "119",
- "android": "119",
- "chrome": "119",
- "edge": "119",
- "ios_saf": "16.4",
- "op_mob": "79",
- "opera": "105",
- "safari": "16.4"
+ "browser_support": {},
+ "docs": {
+ "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors"
},
- "docs": {},
"example": "p {\n color: lch(from peru calc(l * 0.8) c h);\n}",
"polyfills": [
{
@@ -1913,7 +1891,8 @@
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-relative-color-syntax"
}
],
- "vendors_implementations": 2
+ "vendors_implementations": 0,
+ "web-feature": "relative-color"
},
{
"id": "scope-pseudo-class",
@@ -1939,14 +1918,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:scope"
},
"example": ":scope {\n background-color: pink;\n}",
+ "interoperable_at": 1579046400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-scope-pseudo-class"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1579046400
+ "vendors_implementations": 3
},
{
"id": "sign-functions",
@@ -1989,7 +1968,11 @@
"specification": "https://www.w3.org/TR/css-values-4/#round-func",
"stage": 2,
"browser_support": {
+ "and_chr": "125",
"and_ff": "118",
+ "android": "125",
+ "chrome": "125",
+ "edge": "125",
"firefox": "118",
"ios_saf": "15.4",
"safari": "15.4"
@@ -1998,13 +1981,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/round"
},
"example": "div {\n left: mod(18px, 5px);\n top: rem(18px, 5px);\n right: round(2.5px, 1px);\n bottom: round(up, 15px, 7px);\n}",
+ "interoperable_at": 1715817600,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-stepped-value-functions"
}
],
- "vendors_implementations": 2
+ "vendors_implementations": 3
},
{
"id": "system-ui-font-family",
@@ -2030,14 +2014,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Syntax"
},
"example": "body {\n font-family: system-ui;\n}",
+ "interoperable_at": 1630972800,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/JLHwung/postcss-font-family-system-ui"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1630972800
+ "vendors_implementations": 3
},
{
"id": "text-decoration-shorthand",
@@ -2092,14 +2076,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/sin"
},
"example": "body {\n left: sin(45deg);\n left: cos(45deg);\n left: tan(45deg);\n left: asin(0.5);\n left: acos(0.5);\n left: atan(10);\n left: atan2(-1, 1);\n}",
+ "interoperable_at": 1678665600,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-trigonometric-functions"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1678665600
+ "vendors_implementations": 3
},
{
"id": "unset-value",
@@ -2125,14 +2109,14 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/unset"
},
"example": "div {\n border-color: unset;\n color: unset;\n}",
+ "interoperable_at": 1458518400,
"polyfills": [
{
"type": "PostCSS Plugin",
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-unset-value"
}
],
- "vendors_implementations": 3,
- "interoperable_at": 1458518400
+ "vendors_implementations": 3
},
{
"id": "when-else-rules",
@@ -2168,7 +2152,8 @@
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:where"
},
"example": "a:where(:not(:hover)) {\n text-decoration: none;\n}",
+ "interoperable_at": 1611187200,
"vendors_implementations": 3,
- "interoperable_at": 1611360000
+ "web-feature": "where"
}
]