Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
cssdb - npm Package Compare versions
Comparing version 5.1.0 to 6.0.0
770
cssdb.json
@@ -8,7 +8,22 @@ [ | ||
| "stage": 4, | ||
| "caniuse": "css-all", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "27", | ||
| "chrome": "37", | ||
| "safari": "10", | ||
| "opera": "24", | ||
| "ios_saf": "9.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "4", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/all" | ||
| }, | ||
| "example": "a {\n all: initial;\n}", | ||
| "polyfills": [ | ||
@@ -19,3 +34,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -28,7 +44,20 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-any-link", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "50", | ||
| "chrome": "65", | ||
| "safari": "9", | ||
| "opera": "52", | ||
| "ios_saf": "9", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "9.2", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:any-link" | ||
| }, | ||
| "example": "nav :any-link > span {\n background-color: yellow;\n}", | ||
| "polyfills": [ | ||
@@ -39,3 +68,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -48,6 +78,6 @@ { | ||
| "stage": 1, | ||
| "browser_support": {}, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:blank" | ||
| }, | ||
| "example": "input:blank {\n background-color: yellow;\n}", | ||
| "polyfills": [ | ||
@@ -62,3 +92,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -71,7 +102,17 @@ { | ||
| "stage": 3, | ||
| "caniuse": "multicolumn", | ||
| "browser_support": { | ||
| "ie": "10", | ||
| "edge": "12", | ||
| "safari": "10", | ||
| "opera": "12", | ||
| "ios_saf": "10", | ||
| "op_mini": "all", | ||
| "op_mob": "12", | ||
| "ie_mob": "10", | ||
| "and_uc": "12.12", | ||
| "samsung": "5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/break-after" | ||
| }, | ||
| "example": "a {\n break-inside: avoid;\n break-before: avoid-column;\n break-after: always;\n}", | ||
| "polyfills": [ | ||
@@ -82,3 +123,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -91,7 +133,21 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-case-insensitive", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "47", | ||
| "chrome": "49", | ||
| "safari": "9", | ||
| "opera": "36", | ||
| "ios_saf": "9", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "5", | ||
| "and_qq": "10.4", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors" | ||
| }, | ||
| "example": "[frame=hsides i] {\n border-style: solid none;\n}", | ||
| "polyfills": [ | ||
@@ -102,5 +158,30 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
| { | ||
| "id": "clamp", | ||
| "title": "`clamp` Function", | ||
| "description": "The clamp() CSS function clamps a value between an upper and lower bound. It enables selecting a middle value within a range of values between a defined minimum and maximum.", | ||
| "specification": "https://drafts.csswg.org/css-values/#calc-notation", | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "chrome": "79", | ||
| "and_chr": "79", | ||
| "edge": "79", | ||
| "firefox": "75", | ||
| "and_ff": "79", | ||
| "opera": "66", | ||
| "op_mob": "57", | ||
| "safari": "13.1", | ||
| "ios_saf": "13.4", | ||
| "samsung": "12.0", | ||
| "android": "79" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/clamp()" | ||
| }, | ||
| "vendors_implementations": 3 | ||
| }, | ||
| { | ||
| "id": "color-adjust", | ||
@@ -111,7 +192,11 @@ "title": "`color-adjust` Property", | ||
| "stage": 2, | ||
| "caniuse": "css-color-adjust", | ||
| "browser_support": { | ||
| "firefox": "48", | ||
| "and_ff": "95", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color-adjust" | ||
| }, | ||
| "example": ".background {\n background-color:#ccc;\n}\n.background.color-adjust {\n color-adjust: economy;\n}\n.background.color-adjust-exact {\n color-adjust: exact;\n}" | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -124,7 +209,11 @@ { | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "safari": "15", | ||
| "ios_saf": "15" | ||
| }, | ||
| "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": [] | ||
| "polyfills": [], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -137,3 +226,15 @@ { | ||
| "stage": 1, | ||
| "example": "em {\n background-color: hsl(120deg 100% 25%);\n box-shadow: 0 0 0 10px hwb(120deg 100% 25% / 80%);\n color: rgb(0 255 0);\n}", | ||
| "browser_support": { | ||
| "chrome": "65", | ||
| "and_chr": "65", | ||
| "edge": "79", | ||
| "firefox": "52", | ||
| "and_ff": "52", | ||
| "opera": "52", | ||
| "op_mob": "47", | ||
| "safari": "12.1", | ||
| "ios_saf": "12.2", | ||
| "samsung": "9.0", | ||
| "android": "65" | ||
| }, | ||
| "polyfills": [ | ||
@@ -144,3 +245,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -153,4 +255,5 @@ { | ||
| "stage": -1, | ||
| "example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}", | ||
| "polyfills": [] | ||
| "browser_support": {}, | ||
| "polyfills": [], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -163,3 +266,3 @@ { | ||
| "stage": -1, | ||
| "example": "p {\n color: color-mod(black alpha(50%));\n}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -170,3 +273,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -179,7 +283,6 @@ { | ||
| "stage": 0, | ||
| "caniuse": "css-container-queries", | ||
| "browser_support": {}, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_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}", | ||
| "polyfills": [ | ||
@@ -194,3 +297,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -203,3 +307,3 @@ { | ||
| "stage": 1, | ||
| "example": "@custom-media --narrow-window (max-width: 30em);\n\n@media (--narrow-window) {}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -210,3 +314,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -219,7 +324,20 @@ { | ||
| "stage": 3, | ||
| "caniuse": "css-variables", | ||
| "browser_support": { | ||
| "edge": "16", | ||
| "firefox": "31", | ||
| "chrome": "49", | ||
| "safari": "10", | ||
| "opera": "36", | ||
| "ios_saf": "10", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "5", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/var" | ||
| }, | ||
| "example": "img {\n --some-length: 32px;\n\n height: var(--some-length);\n width: var(--some-length);\n}", | ||
| "polyfills": [ | ||
@@ -230,3 +348,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -239,4 +358,3 @@ { | ||
| "stage": -1, | ||
| "caniuse": "css-apply-rule", | ||
| "example": "img {\n --some-length-styles: {\n height: 32px;\n width: 32px;\n };\n\n @apply --some-length-styles;\n}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -247,3 +365,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -256,3 +375,3 @@ { | ||
| "stage": 1, | ||
| "example": "@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\narticle :--heading + p {}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -263,3 +382,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -272,7 +392,9 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-dir-pseudo", | ||
| "browser_support": { | ||
| "firefox": "49", | ||
| "and_ff": "95" | ||
| }, | ||
| "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}", | ||
| "polyfills": [ | ||
@@ -283,5 +405,20 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
| { | ||
| "id": "display-two-values", | ||
| "title": "Two values syntax for `display`", | ||
| "description": "Syntax that allows definition of outer and inner displays types for an element", | ||
| "specification": "https://drafts.csswg.org/css-display/#the-display-properties", | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "firefox": "70" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/display/two-value_syntax_of_display" | ||
| }, | ||
| "vendors_implementations": 1 | ||
| }, | ||
| { | ||
| "id": "double-position-gradients", | ||
@@ -292,20 +429,15 @@ "title": "Double Position Gradients", | ||
| "stage": 2, | ||
| "caniuse-compat": { | ||
| "and_chr": { | ||
| "71": "y" | ||
| }, | ||
| "chrome": { | ||
| "71": "y" | ||
| }, | ||
| "edge": { | ||
| "79": "y" | ||
| }, | ||
| "ios_saf": { | ||
| "12.2": "y" | ||
| }, | ||
| "opera": { | ||
| "58": "y" | ||
| } | ||
| "browser_support": { | ||
| "chrome": "72", | ||
| "and_chr": "72", | ||
| "edge": "79", | ||
| "firefox": "83", | ||
| "and_ff": "83", | ||
| "opera": "60", | ||
| "op_mob": "51", | ||
| "safari": "12.1", | ||
| "ios_saf": "12.2", | ||
| "samsung": "11.0", | ||
| "android": "72" | ||
| }, | ||
| "example": ".pie_chart {\n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}", | ||
| "polyfills": [ | ||
@@ -316,3 +448,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -325,7 +458,18 @@ { | ||
| "stage": 0, | ||
| "caniuse": "css-env-function", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "65", | ||
| "chrome": "69", | ||
| "safari": "12", | ||
| "opera": "56", | ||
| "ios_saf": "11.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "10.1" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/env" | ||
| }, | ||
| "example": "@media (max-width: env(--brand-small)) {\n body {\n padding: env(--brand-spacing);\n }\n}", | ||
| "polyfills": [ | ||
@@ -336,3 +480,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -345,6 +490,6 @@ { | ||
| "stage": 2, | ||
| "browser_support": {}, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Syntax" | ||
| }, | ||
| "example": "body {\n font-family: fangsong;\n}", | ||
| "polyfills": [ | ||
@@ -355,3 +500,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -364,7 +510,16 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-focus-visible", | ||
| "browser_support": { | ||
| "edge": "86", | ||
| "firefox": "85", | ||
| "chrome": "86", | ||
| "opera": "72", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "14" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible" | ||
| }, | ||
| "example": ":focus:not(:focus-visible) {\n outline: 0;\n}", | ||
| "polyfills": [ | ||
@@ -379,3 +534,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 2 | ||
| }, | ||
@@ -388,7 +544,19 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-focus-within", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "52", | ||
| "chrome": "60", | ||
| "safari": "11", | ||
| "opera": "47", | ||
| "ios_saf": "10.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "8.2", | ||
| "and_qq": "10.4" | ||
| }, | ||
| "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}", | ||
| "polyfills": [ | ||
@@ -403,3 +571,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -412,6 +581,9 @@ { | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "safari": "4", | ||
| "ios_saf": "5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face" | ||
| }, | ||
| "example": "@font-face {\n src: url(file.woff2) format(woff2);\n}", | ||
| "polyfills": [ | ||
@@ -422,3 +594,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -431,7 +604,12 @@ { | ||
| "stage": 4, | ||
| "caniuse": "font-variant-alternates", | ||
| "browser_support": { | ||
| "firefox": "34", | ||
| "safari": "10", | ||
| "ios_saf": "9.3", | ||
| "and_ff": "95", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant" | ||
| }, | ||
| "example": "h2 {\n font-variant: small-caps;\n}", | ||
| "polyfills": [ | ||
@@ -442,3 +620,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 2 | ||
| }, | ||
@@ -451,16 +630,14 @@ { | ||
| "stage": 3, | ||
| "caniuse-compat": { | ||
| "chrome": { | ||
| "66": "y" | ||
| }, | ||
| "edge": { | ||
| "16": "y" | ||
| }, | ||
| "firefox": { | ||
| "61": "y" | ||
| }, | ||
| "safari": { | ||
| "11.2": "y", | ||
| "TP": "y" | ||
| } | ||
| "browser_support": { | ||
| "chrome": "66", | ||
| "and_chr": "66", | ||
| "edge": "16", | ||
| "firefox": "61", | ||
| "and_ff": "61", | ||
| "opera": "53", | ||
| "op_mob": "47", | ||
| "safari": "12", | ||
| "ios_saf": "12", | ||
| "samsung": "9.0", | ||
| "android": "66" | ||
| }, | ||
@@ -470,3 +647,2 @@ "docs": { | ||
| }, | ||
| "example": ".grid-1 {\n gap: 20px;\n}\n\n.grid-2 {\n column-gap: 40px;\n row-gap: 20px;\n}", | ||
| "polyfills": [ | ||
@@ -477,3 +653,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -486,3 +663,3 @@ { | ||
| "stage": -1, | ||
| "example": "p {\n color: gray(50);\n}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -493,3 +670,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -502,7 +680,21 @@ { | ||
| "stage": 3, | ||
| "caniuse": "css-grid", | ||
| "browser_support": { | ||
| "edge": "16", | ||
| "firefox": "54", | ||
| "chrome": "58", | ||
| "safari": "11", | ||
| "opera": "44", | ||
| "ios_saf": "10.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "6.2", | ||
| "and_qq": "10.4", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "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}", | ||
| "polyfills": [ | ||
@@ -513,3 +705,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -522,7 +715,8 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-has", | ||
| "browser_support": { | ||
| "safari": "TP" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:has" | ||
| }, | ||
| "example": "a:has(> img) {\n display: block;\n}", | ||
| "polyfills": [ | ||
@@ -537,3 +731,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -546,7 +741,18 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-rrggbbaa", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "49", | ||
| "chrome": "62", | ||
| "safari": "10", | ||
| "opera": "52", | ||
| "ios_saf": "10", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "8.2" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#Syntax_2" | ||
| }, | ||
| "example": "section {\n background-color: #f3f3f3f3;\n color: #0003;\n}", | ||
| "polyfills": [ | ||
@@ -557,3 +763,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -566,6 +773,9 @@ { | ||
| "stage": 2, | ||
| "browser_support": { | ||
| "safari": "15", | ||
| "ios_saf": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb()" | ||
| }, | ||
| "example": "p {\n color: hwb(120 44% 50%);\n}", | ||
| "polyfills": [ | ||
@@ -576,3 +786,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -585,6 +796,6 @@ { | ||
| "stage": 2, | ||
| "browser_support": {}, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Values_and_Units#dimensions" | ||
| }, | ||
| "example": "p {\n text-indent: 2ic;\n}", | ||
| "polyfills": [ | ||
@@ -595,3 +806,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -604,7 +816,6 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-image-set", | ||
| "browser_support": {}, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/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}", | ||
| "polyfills": [ | ||
@@ -615,3 +826,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -624,7 +836,22 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-in-out-of-range", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "50", | ||
| "chrome": "53", | ||
| "safari": "11", | ||
| "opera": "40", | ||
| "ios_saf": "10.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "5", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12" | ||
| }, | ||
| "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 | ||
| }, | ||
@@ -637,7 +864,19 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-matches-pseudo", | ||
| "browser_support": { | ||
| "edge": "88", | ||
| "firefox": "78", | ||
| "chrome": "88", | ||
| "safari": "14", | ||
| "opera": "75", | ||
| "ios_saf": "14", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is" | ||
| }, | ||
| "example": "p:is(:first-child, .special) {\n margin-top: 1em;\n}" | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -650,7 +889,9 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-lch-lab", | ||
| "browser_support": { | ||
| "safari": "15", | ||
| "ios_saf": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab()" | ||
| }, | ||
| "example": "body {\n color: lab(240 50 20);\n}", | ||
| "polyfills": [ | ||
@@ -661,3 +902,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -670,7 +912,9 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-lch-lab", | ||
| "browser_support": { | ||
| "safari": "15", | ||
| "ios_saf": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch()" | ||
| }, | ||
| "example": "body {\n color: lch(53 105 40);\n}", | ||
| "polyfills": [ | ||
@@ -681,3 +925,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -690,7 +935,18 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-logical-props", | ||
| "browser_support": { | ||
| "edge": "89", | ||
| "firefox": "66", | ||
| "chrome": "89", | ||
| "safari": "15", | ||
| "opera": "76", | ||
| "ios_saf": "15", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties" | ||
| }, | ||
| "example": "span:first-child {\n float: inline-start;\n margin-inline-start: 10px;\n}", | ||
| "polyfills": [ | ||
@@ -701,3 +957,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -710,7 +967,18 @@ { | ||
| "stage": -1, | ||
| "caniuse": "css-matches-pseudo", | ||
| "browser_support": { | ||
| "edge": "88", | ||
| "firefox": "78", | ||
| "chrome": "88", | ||
| "safari": "14", | ||
| "opera": "75", | ||
| "ios_saf": "14", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:is" | ||
| }, | ||
| "example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}", | ||
| "polyfills": [ | ||
@@ -721,3 +989,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -730,6 +999,9 @@ { | ||
| "stage": 3, | ||
| "browser_support": { | ||
| "firefox": "63", | ||
| "and_ff": "63" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/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) {}", | ||
| "polyfills": [ | ||
@@ -740,3 +1012,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 1 | ||
| }, | ||
@@ -749,4 +1022,3 @@ { | ||
| "stage": 1, | ||
| "caniuse": "css-nesting", | ||
| "example": "article {\n & p {\n color: #333;\n }\n}", | ||
| "browser_support": {}, | ||
| "polyfills": [ | ||
@@ -757,3 +1029,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -766,7 +1039,18 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-not-sel-list", | ||
| "browser_support": { | ||
| "edge": "88", | ||
| "firefox": "84", | ||
| "chrome": "88", | ||
| "safari": "9", | ||
| "opera": "75", | ||
| "ios_saf": "9", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "15" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:not" | ||
| }, | ||
| "example": "p:not(:first-child, .special) {\n margin-top: 1em;\n}", | ||
| "polyfills": [ | ||
@@ -777,5 +1061,25 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
| { | ||
| "id": "opacity-percentage", | ||
| "title": "Support for percentages for `opacity`", | ||
| "description": "Syntactic sugar to use percentages instead of a float between 0 and 1.", | ||
| "specification": "https://drafts.csswg.org/css-color/#transparency", | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "chrome": "78", | ||
| "and_chr": "78", | ||
| "edge": "79", | ||
| "firefox": "70", | ||
| "samsung": "12.0", | ||
| "android": "78" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/opacity" | ||
| }, | ||
| "vendors_implementations": 2 | ||
| }, | ||
| { | ||
| "id": "overflow-property", | ||
@@ -786,16 +1090,12 @@ "title": "`overflow` Shorthand Property", | ||
| "stage": 2, | ||
| "caniuse": "css-overflow", | ||
| "caniuse-compat": { | ||
| "and_chr": { | ||
| "68": "y" | ||
| }, | ||
| "and_ff": { | ||
| "61": "y" | ||
| }, | ||
| "chrome": { | ||
| "68": "y" | ||
| }, | ||
| "firefox": { | ||
| "61": "y" | ||
| } | ||
| "browser_support": { | ||
| "chrome": "68", | ||
| "and_chr": "68", | ||
| "edge": "79", | ||
| "firefox": "61", | ||
| "and_ff": "61", | ||
| "opera": "55", | ||
| "op_mob": "48", | ||
| "samsung": "10.0", | ||
| "android": "68" | ||
| }, | ||
@@ -805,3 +1105,2 @@ "docs": { | ||
| }, | ||
| "example": "html {\n overflow: hidden auto;\n}", | ||
| "polyfills": [ | ||
@@ -812,3 +1111,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 2 | ||
| }, | ||
@@ -821,7 +1121,22 @@ { | ||
| "stage": 2, | ||
| "caniuse": "wordwrap", | ||
| "browser_support": { | ||
| "edge": "18", | ||
| "firefox": "49", | ||
| "chrome": "23", | ||
| "safari": "7", | ||
| "opera": "15", | ||
| "ios_saf": "8", | ||
| "android": "96", | ||
| "bb": "10", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "4", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap" | ||
| }, | ||
| "example": "p {\n overflow-wrap: break-word;\n}", | ||
| "polyfills": [ | ||
@@ -832,3 +1147,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -841,7 +1157,18 @@ { | ||
| "stage": 1, | ||
| "caniuse": "css-overscroll-behavior", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "59", | ||
| "chrome": "65", | ||
| "opera": "52", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "8.2", | ||
| "and_qq": "10.4" | ||
| }, | ||
| "docs": { | ||
| "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": 2 | ||
| }, | ||
@@ -854,9 +1181,14 @@ { | ||
| "stage": 2, | ||
| "caniuse-compat": { | ||
| "chrome": { | ||
| "59": "y" | ||
| }, | ||
| "firefox": { | ||
| "45": "y" | ||
| } | ||
| "browser_support": { | ||
| "chrome": "59", | ||
| "and_chr": "59", | ||
| "edge": "79", | ||
| "firefox": "53", | ||
| "and_ff": "53", | ||
| "opera": "46", | ||
| "op_mob": "43", | ||
| "safari": "11", | ||
| "ios_saf": "11", | ||
| "samsung": "7.0", | ||
| "android": "59" | ||
| }, | ||
@@ -866,3 +1198,2 @@ "docs": { | ||
| }, | ||
| "example": ".example {\n place-content: flex-end;\n place-items: center / space-between;\n place-self: flex-start / center;\n}", | ||
| "polyfills": [ | ||
@@ -873,3 +1204,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -882,7 +1214,18 @@ { | ||
| "stage": 1, | ||
| "caniuse": "prefers-color-scheme", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "67", | ||
| "chrome": "76", | ||
| "safari": "13", | ||
| "opera": "62", | ||
| "ios_saf": "13", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "12" | ||
| }, | ||
| "docs": { | ||
| "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}", | ||
| "polyfills": [ | ||
@@ -897,3 +1240,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -906,7 +1250,19 @@ { | ||
| "stage": 1, | ||
| "caniuse": "prefers-reduced-motion", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "63", | ||
| "chrome": "74", | ||
| "safari": "11", | ||
| "opera": "64", | ||
| "ios_saf": "10.3", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "samsung": "11.1" | ||
| }, | ||
| "docs": { | ||
| "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 | ||
| }, | ||
@@ -919,7 +1275,23 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-read-only-write", | ||
| "browser_support": { | ||
| "edge": "13", | ||
| "firefox": "78", | ||
| "chrome": "36", | ||
| "safari": "9", | ||
| "opera": "23", | ||
| "ios_saf": "9", | ||
| "android": "96", | ||
| "bb": "10", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "4", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only" | ||
| }, | ||
| "example": "input:read-only {\n background-color: #ccc;\n}" | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -932,7 +1304,22 @@ { | ||
| "stage": 2, | ||
| "caniuse": "css-rebeccapurple", | ||
| "browser_support": { | ||
| "edge": "12", | ||
| "firefox": "33", | ||
| "chrome": "38", | ||
| "safari": "7", | ||
| "opera": "25", | ||
| "ios_saf": "8", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "4", | ||
| "and_qq": "10.4", | ||
| "baidu": "7.12", | ||
| "kaios": "2.5" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value" | ||
| }, | ||
| "example": "html {\n color: rebeccapurple;\n}", | ||
| "polyfills": [ | ||
@@ -943,3 +1330,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -952,7 +1340,20 @@ { | ||
| "stage": 2, | ||
| "caniuse": "font-family-system-ui", | ||
| "browser_support": { | ||
| "edge": "79", | ||
| "firefox": "92", | ||
| "chrome": "56", | ||
| "safari": "11", | ||
| "opera": "43", | ||
| "ios_saf": "11", | ||
| "android": "96", | ||
| "op_mob": "64", | ||
| "and_chr": "96", | ||
| "and_ff": "95", | ||
| "and_uc": "12.12", | ||
| "samsung": "6.2", | ||
| "and_qq": "10.4" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Syntax" | ||
| }, | ||
| "example": "body {\n font-family: system-ui;\n}", | ||
| "polyfills": [ | ||
@@ -963,3 +1364,4 @@ { | ||
| } | ||
| ] | ||
| ], | ||
| "vendors_implementations": 3 | ||
| }, | ||
@@ -972,3 +1374,4 @@ { | ||
| "stage": 0, | ||
| "example": "@when media(width >= 640px) and (supports(display: flex) or supports(display: grid)) {\n /* A */\n} @else media(pointer: coarse) {\n /* B */\n} @else {\n /* C */\n}" | ||
| "browser_support": {}, | ||
| "vendors_implementations": 0 | ||
| }, | ||
@@ -981,7 +1384,18 @@ { | ||
| "stage": 1, | ||
| "browser_support": { | ||
| "chrome": "88", | ||
| "and_chr": "88", | ||
| "edge": "88", | ||
| "firefox": "82", | ||
| "and_ff": "82", | ||
| "opera": "74", | ||
| "op_mob": "63", | ||
| "samsung": "15.0", | ||
| "android": "88" | ||
| }, | ||
| "docs": { | ||
| "mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:where" | ||
| }, | ||
| "example": "a:where(:not(:hover)) {\n text-decoration: none;\n}" | ||
| "vendors_implementations": 2 | ||
| } | ||
| ] | ||
| ] |
| { | ||
| "name": "cssdb", | ||
| "version": "5.1.0", | ||
| "version": "6.0.0", | ||
| "type": "module", | ||
@@ -26,7 +26,9 @@ "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards", | ||
| "start": "astro dev", | ||
| "prestart": "npm run create-badges", | ||
| "prebuild": "npm run create-badges", | ||
| "prestart": "npm run preparesite", | ||
| "prebuild": "npm run preparesite", | ||
| "populatedb": "node tasks/populate-db.mjs", | ||
| "build": "astro build", | ||
| "prepublishOnly": "node tasks/esm-converter.mjs", | ||
| "prepublishOnly": "npm run populatedb", | ||
| "create-badges": "node tasks/write-badges.js", | ||
| "preparesite": "npm run populatedb && npm run create-badges", | ||
| "test": "npm run test:css && npm run test:json", | ||
@@ -37,9 +39,11 @@ "test:css": "stylelint src/styles/style.css", | ||
| "devDependencies": { | ||
| "@astropub/webapi": "^0.7.4", | ||
| "astro": "^0.22.1", | ||
| "@astropub/webapi": "^0.10.2", | ||
| "@mdn/browser-compat-data": "^4.1.2", | ||
| "astro": "^0.22.7", | ||
| "browserslist": "^4.19.1", | ||
| "caniuse-lite": "^1.0.30001292", | ||
| "caniuse-lite": "^1.0.30001296", | ||
| "fse": "^4.0.1", | ||
| "lodash.get": "^4.4.2", | ||
| "postcss": "^8.4.5", | ||
| "postcss-preset-env": "^7.1.0", | ||
| "postcss-preset-env": "^7.2.0", | ||
| "pre-commit": "^1.2.2", | ||
@@ -46,0 +50,0 @@ "stylelint": "^14.2.0", |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by17.15%
86680
- Lines of code
- increased by46.3%
2610
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Dev dependency count
- increased by20%
12
No dependency changes