diff options
Diffstat (limited to 'node_modules/cssdb')
| -rw-r--r-- | node_modules/cssdb/LICENSE.md | 124 | ||||
| -rw-r--r-- | node_modules/cssdb/cssdb.json | 473 | ||||
| -rw-r--r-- | node_modules/cssdb/cssdb.mjs | 473 | ||||
| -rw-r--r-- | node_modules/cssdb/package.json | 36 |
4 files changed, 501 insertions, 605 deletions
diff --git a/node_modules/cssdb/LICENSE.md b/node_modules/cssdb/LICENSE.md index 5147d9a1..e8ae93b9 100644 --- a/node_modules/cssdb/LICENSE.md +++ b/node_modules/cssdb/LICENSE.md @@ -1,106 +1,18 @@ -# CC0 1.0 Universal - -## Statement of Purpose - -The laws of most jurisdictions throughout the world automatically confer -exclusive Copyright and Related Rights (defined below) upon the creator and -subsequent owner(s) (each and all, an “owner”) of an original work of -authorship and/or a database (each, a “Work”). - -Certain owners wish to permanently relinquish those rights to a Work for the -purpose of contributing to a commons of creative, cultural and scientific works -(“Commons”) that the public can reliably and without fear of later claims of -infringement build upon, modify, incorporate in other works, reuse and -redistribute as freely as possible in any form whatsoever and for any purposes, -including without limitation commercial purposes. These owners may contribute -to the Commons to promote the ideal of a free culture and the further -production of creative, cultural and scientific works, or to gain reputation or -greater distribution for their Work in part through the use and efforts of -others. - -For these and/or other purposes and motivations, and without any expectation of -additional consideration or compensation, the person associating CC0 with a -Work (the “Affirmer”), to the extent that he or she is an owner of Copyright -and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and -publicly distribute the Work under its terms, with knowledge of his or her -Copyright and Related Rights in the Work and the meaning and intended legal -effect of CC0 on those rights. - -1. Copyright and Related Rights. A Work made available under CC0 may be - protected by copyright and related or neighboring rights (“Copyright and - Related Rights”). Copyright and Related Rights include, but are not limited - to, the following: - 1. the right to reproduce, adapt, distribute, perform, display, - communicate, and translate a Work; - 2. moral rights retained by the original author(s) and/or performer(s); - 3. publicity and privacy rights pertaining to a person’s image or likeness - depicted in a Work; - 4. rights protecting against unfair competition in regards to a Work, - subject to the limitations in paragraph 4(i), below; - 5. rights protecting the extraction, dissemination, use and reuse of data - in a Work; - 6. database rights (such as those arising under Directive 96/9/EC of the - European Parliament and of the Council of 11 March 1996 on the legal - protection of databases, and under any national implementation thereof, - including any amended or successor version of such directive); and - 7. other similar, equivalent or corresponding rights throughout the world - based on applicable law or treaty, and any national implementations - thereof. - -2. Waiver. To the greatest extent permitted by, but not in contravention of, -applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and -unconditionally waives, abandons, and surrenders all of Affirmer’s Copyright -and Related Rights and associated claims and causes of action, whether now -known or unknown (including existing as well as future claims and causes of -action), in the Work (i) in all territories worldwide, (ii) for the maximum -duration provided by applicable law or treaty (including future time -extensions), (iii) in any current or future medium and for any number of -copies, and (iv) for any purpose whatsoever, including without limitation -commercial, advertising or promotional purposes (the “Waiver”). Affirmer makes -the Waiver for the benefit of each member of the public at large and to the -detriment of Affirmer’s heirs and successors, fully intending that such Waiver -shall not be subject to revocation, rescission, cancellation, termination, or -any other legal or equitable action to disrupt the quiet enjoyment of the Work -by the public as contemplated by Affirmer’s express Statement of Purpose. - -3. Public License Fallback. Should any part of the Waiver for any reason be -judged legally invalid or ineffective under applicable law, then the Waiver -shall be preserved to the maximum extent permitted taking into account -Affirmer’s express Statement of Purpose. In addition, to the extent the Waiver -is so judged Affirmer hereby grants to each affected person a royalty-free, non -transferable, non sublicensable, non exclusive, irrevocable and unconditional -license to exercise Affirmer’s Copyright and Related Rights in the Work (i) in -all territories worldwide, (ii) for the maximum duration provided by applicable -law or treaty (including future time extensions), (iii) in any current or -future medium and for any number of copies, and (iv) for any purpose -whatsoever, including without limitation commercial, advertising or promotional -purposes (the “License”). The License shall be deemed effective as of the date -CC0 was applied by Affirmer to the Work. Should any part of the License for any -reason be judged legally invalid or ineffective under applicable law, such -partial invalidity or ineffectiveness shall not invalidate the remainder of the -License, and in such case Affirmer hereby affirms that he or she will not (i) -exercise any of his or her remaining Copyright and Related Rights in the Work -or (ii) assert any associated claims and causes of action with respect to the -Work, in either case contrary to Affirmer’s express Statement of Purpose. - -4. Limitations and Disclaimers. - 1. No trademark or patent rights held by Affirmer are waived, abandoned, - surrendered, licensed or otherwise affected by this document. - 2. Affirmer offers the Work as-is and makes no representations or - warranties of any kind concerning the Work, express, implied, statutory - or otherwise, including without limitation warranties of title, - merchantability, fitness for a particular purpose, non infringement, or - the absence of latent or other defects, accuracy, or the present or - absence of errors, whether or not discoverable, all to the greatest - extent permissible under applicable law. - 3. Affirmer disclaims responsibility for clearing rights of other persons - that may apply to the Work or any use thereof, including without - limitation any person’s Copyright and Related Rights in the Work. - Further, Affirmer disclaims responsibility for obtaining any necessary - consents, permissions or other rights required for any use of the Work. - 4. Affirmer understands and acknowledges that Creative Commons is not a - party to this document and has no duty or obligation with respect to - this CC0 or use of the Work. - -For more information, please see -https://creativecommons.org/publicdomain/zero/1.0/. +MIT No Attribution (MIT-0) + +Copyright © CSSTools Contributors + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the “Software”), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies +of the Software, and to permit persons to whom the Software is furnished to do +so. + +THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. 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" } ] diff --git a/node_modules/cssdb/cssdb.mjs b/node_modules/cssdb/cssdb.mjs index 996f04cb..35bdb0f6 100644 --- a/node_modules/cssdb/cssdb.mjs +++ b/node_modules/cssdb/cssdb.mjs @@ -23,14 +23,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1647216000 + "web-feature": "cascade-layers" }, { "id": "case-insensitive-attributes", @@ -193,14 +202,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1683590400 + "web-feature": "color-function" }, { "id": "color-functional-notation", @@ -323,14 +319,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "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 @@ export default [ "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 @@ export default [ } ], "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 @@ export default [ "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 @@ export default [ } ], "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1647216000 + "web-feature": "focus-visible" }, { "id": "focus-within-pseudo-class", @@ -741,7 +732,8 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1702944000 + "web-feature": "has" }, { "id": "hexadecimal-alpha-notation", @@ -1002,14 +979,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1664755200 + "web-feature": "ic" }, { "id": "image-set-function", @@ -1084,11 +1062,11 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1611360000 + "web-feature": "is" }, { "id": "lab-function", @@ -1176,22 +1155,23 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1683590400 + "web-feature": "lab" }, { "id": "lch-function", @@ -1208,22 +1188,23 @@ export default [ "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 @@ export default [ } ], "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1679875200 + "web-feature": "media-query-range-syntax" }, { "id": "nested-calc", @@ -1503,14 +1483,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1702252800 + "web-feature": "nesting" }, { "id": "not-pseudo-class", @@ -1565,14 +1548,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ } ], "vendors_implementations": 3, - "interoperable_at": 1683590400 + "web-feature": "oklab" }, { "id": "opacity-percentage", @@ -1630,14 +1614,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ "browser_support": { "and_chr": "25", "and_ff": "49", - "android": "37", + "android": "4.4", "chrome": "23", "edge": "18", "firefox": "49", @@ -1696,14 +1680,14 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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 @@ export default [ "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" } ] diff --git a/node_modules/cssdb/package.json b/node_modules/cssdb/package.json index 27b706bc..afe8581d 100644 --- a/node_modules/cssdb/package.json +++ b/node_modules/cssdb/package.json @@ -1,10 +1,24 @@ { "name": "cssdb", - "version": "7.10.0", + "version": "8.0.1", "type": "module", "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards", - "author": "Jonathan Neal <jonathantneal@hotmail.com>", - "license": "CC0-1.0", + "license": "MIT-0", + "contributors": [ + { + "name": "Antonio Laguna", + "email": "antonio@laguna.es", + "url": "https://antonio.laguna.es" + }, + { + "name": "Romain Menke", + "email": "romainmenke@gmail.com" + }, + { + "name": "Jonathan Neal", + "email": "jonathantneal@hotmail.com" + } + ], "funding": [ { "type": "opencollective", @@ -47,17 +61,17 @@ "test:doc-links": "node tasks/check-doc-links.mjs" }, "devDependencies": { - "@mdn/browser-compat-data": "^5.5.2", - "browserslist": "^4.22.2", - "caniuse-lite": "^1.0.30001571", + "@mdn/browser-compat-data": "^5.5.26", + "browserslist": "^4.23.0", "glob": "^10.3.7", "lodash.get": "^4.4.2", - "postcss": "^8.4.32", + "postcss": "^8.4.38", "postcss-cli": "^11.0.0", - "postcss-preset-env": "^9.3.0", - "semver": "^7.5.4", - "stylelint": "^16.0.1", - "stylelint-config-standard": "^36.0.0" + "postcss-preset-env": "^9.5.11", + "semver": "^7.6.0", + "stylelint": "^16.5.0", + "stylelint-config-standard": "^36.0.0", + "web-features": "^0.8.1" }, "stylelint": { "extends": "stylelint-config-standard", |