Comparing version 6.2.0 to 6.2.1
@@ -28,2 +28,3 @@ [ | ||
}, | ||
"example": "a {\n all: initial;\n}", | ||
"polyfills": [ | ||
@@ -59,2 +60,3 @@ { | ||
}, | ||
"example": "nav :any-link > span {\n background-color: yellow;\n}", | ||
"polyfills": [ | ||
@@ -78,2 +80,3 @@ { | ||
}, | ||
"example": "input:blank {\n background-color: yellow;\n}", | ||
"polyfills": [ | ||
@@ -112,2 +115,3 @@ { | ||
}, | ||
"example": "a {\n break-inside: avoid;\n break-before: avoid-column;\n break-after: always;\n}", | ||
"polyfills": [ | ||
@@ -146,2 +150,3 @@ { | ||
}, | ||
"example": "[frame=hsides i] {\n border-style: solid none;\n}", | ||
"polyfills": [ | ||
@@ -177,2 +182,3 @@ { | ||
}, | ||
"example": "button {\n font-size: clamp(1rem, 2.5vw, 2rem);\n}", | ||
"vendors_implementations": 3 | ||
@@ -194,2 +200,3 @@ }, | ||
}, | ||
"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 | ||
@@ -210,2 +217,3 @@ }, | ||
}, | ||
"example": "p {\n color: color-contrast(wheat vs tan, sienna, var(--myAccent), #d2691e);\n}", | ||
"polyfills": [], | ||
@@ -227,2 +235,3 @@ "vendors_implementations": 1 | ||
}, | ||
"example": "p {\n color: color(display-p3 1 0.5 0);\n color: color(display-p3 1 0.5 0 / .5);\n}", | ||
"vendors_implementations": 1 | ||
@@ -249,2 +258,3 @@ }, | ||
}, | ||
"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}", | ||
"polyfills": [ | ||
@@ -265,2 +275,3 @@ { | ||
"browser_support": {}, | ||
"example": "p {\n color: color-mix(in lch, purple 50%, plum 50%);\n}", | ||
"polyfills": [], | ||
@@ -276,2 +287,3 @@ "vendors_implementations": 0 | ||
"browser_support": {}, | ||
"example": "p {\n color: color-mod(black alpha(50%));\n}", | ||
"polyfills": [ | ||
@@ -295,8 +307,5 @@ { | ||
}, | ||
"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": [ | ||
{ | ||
"type": "PostCSS Plugin", | ||
"link": "https://github.com/jsxtools/cqfill" | ||
}, | ||
{ | ||
"type": "JavaScript Library", | ||
@@ -315,2 +324,3 @@ "link": "https://www.npmjs.com/package/container-query-polyfill" | ||
"browser_support": {}, | ||
"example": "@custom-media --narrow-window (max-width: 30em);\n\n@media (--narrow-window) {}", | ||
"polyfills": [ | ||
@@ -348,2 +358,3 @@ { | ||
}, | ||
"example": "img {\n --some-length: 32px;\n\n height: var(--some-length);\n width: var(--some-length);\n}", | ||
"polyfills": [ | ||
@@ -364,2 +375,3 @@ { | ||
"browser_support": {}, | ||
"example": "img {\n --some-length-styles: {\n height: 32px;\n width: 32px;\n };\n\n @apply --some-length-styles;\n}", | ||
"polyfills": [ | ||
@@ -380,2 +392,3 @@ { | ||
"browser_support": {}, | ||
"example": "@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\narticle :--heading + p {}", | ||
"polyfills": [ | ||
@@ -402,2 +415,3 @@ { | ||
}, | ||
"example": "blockquote:dir(rtl) {\n margin-right: 10px;\n}\n\nblockquote:dir(ltr) {\n margin-left: 10px;\n}", | ||
"polyfills": [ | ||
@@ -418,3 +432,5 @@ { | ||
"browser_support": { | ||
"firefox": "70" | ||
"firefox": "70", | ||
"safari": "15", | ||
"ios_saf": "15" | ||
}, | ||
@@ -424,3 +440,4 @@ "docs": { | ||
}, | ||
"vendors_implementations": 1 | ||
"example": ".element {\n display: inline flow-root;\n display: inline flex;\n display: block grid;\n}", | ||
"vendors_implementations": 2 | ||
}, | ||
@@ -446,2 +463,3 @@ { | ||
}, | ||
"example": ".pie_chart {\n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}", | ||
"polyfills": [ | ||
@@ -477,2 +495,3 @@ { | ||
}, | ||
"example": "@media (max-width: env(--brand-small)) {\n body {\n padding: env(--brand-spacing);\n }\n}", | ||
"polyfills": [ | ||
@@ -496,2 +515,3 @@ { | ||
}, | ||
"example": "body {\n font-family: fangsong;\n}", | ||
"polyfills": [ | ||
@@ -525,2 +545,3 @@ { | ||
}, | ||
"example": ":focus:not(:focus-visible) {\n outline: 0;\n}", | ||
"polyfills": [ | ||
@@ -561,2 +582,3 @@ { | ||
}, | ||
"example": "form:focus-within {\n background: rgba(0, 0, 0, 0.3);\n}", | ||
"polyfills": [ | ||
@@ -587,2 +609,3 @@ { | ||
}, | ||
"example": "@font-face {\n src: url(file.woff2) format(woff2);\n}", | ||
"polyfills": [ | ||
@@ -612,2 +635,3 @@ { | ||
}, | ||
"example": "h2 {\n font-variant: small-caps;\n}", | ||
"polyfills": [ | ||
@@ -643,2 +667,3 @@ { | ||
}, | ||
"example": ".grid-1 {\n gap: 20px;\n}\n\n.grid-2 {\n column-gap: 40px;\n row-gap: 20px;\n}", | ||
"polyfills": [ | ||
@@ -659,2 +684,3 @@ { | ||
"browser_support": {}, | ||
"example": "p {\n color: gray(50);\n}", | ||
"polyfills": [ | ||
@@ -693,2 +719,3 @@ { | ||
}, | ||
"example": "section {\n display: grid;\n grid-template-columns: 100px 100px 100px;\n grid-gap: 10px;\n}", | ||
"polyfills": [ | ||
@@ -715,2 +742,3 @@ { | ||
}, | ||
"example": "a:has(> img) {\n display: block;\n}", | ||
"polyfills": [ | ||
@@ -724,2 +752,6 @@ { | ||
"link": "https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo" | ||
}, | ||
{ | ||
"type": "Experimental Library", | ||
"link": "https://github.com/csstools/postcss-plugins/tree/main/experimental/css-has-pseudo" | ||
} | ||
@@ -751,2 +783,3 @@ ], | ||
}, | ||
"example": "section {\n background-color: #f3f3f3f3;\n color: #0003;\n}", | ||
"polyfills": [ | ||
@@ -775,2 +808,3 @@ { | ||
}, | ||
"example": "p {\n color: hwb(120 44% 50%);\n}", | ||
"polyfills": [ | ||
@@ -799,2 +833,3 @@ { | ||
}, | ||
"example": "p {\n text-indent: 2ic;\n}", | ||
"polyfills": [ | ||
@@ -818,2 +853,3 @@ { | ||
}, | ||
"example": "p {\n background-image: image-set(\n \"foo.png\" 1x,\n \"foo-2x.png\" 2x,\n \"foo-print.png\" 600dpi\n );\n}", | ||
"polyfills": [ | ||
@@ -852,2 +888,3 @@ { | ||
}, | ||
"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 | ||
@@ -877,2 +914,3 @@ }, | ||
}, | ||
"example": "p:is(:first-child, .special) {\n margin-top: 1em;\n}", | ||
"vendors_implementations": 3 | ||
@@ -893,2 +931,3 @@ }, | ||
}, | ||
"example": "body {\n color: lab(240 50 20);\n}", | ||
"polyfills": [ | ||
@@ -915,2 +954,3 @@ { | ||
}, | ||
"example": "body {\n color: lch(53 105 40);\n}", | ||
"polyfills": [ | ||
@@ -946,2 +986,3 @@ { | ||
}, | ||
"example": "span:first-child {\n float: inline-start;\n margin-inline-start: 10px;\n}", | ||
"polyfills": [ | ||
@@ -977,2 +1018,3 @@ { | ||
}, | ||
"example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}", | ||
"polyfills": [ | ||
@@ -996,2 +1038,3 @@ { | ||
}, | ||
"example": "@media (width < 480px) {}\n\n@media (480px <= width < 768px) {}\n\n@media (width >= 768px) {}", | ||
"polyfills": [ | ||
@@ -1012,2 +1055,3 @@ { | ||
"browser_support": {}, | ||
"example": "article {\n & p {\n color: #333;\n }\n}", | ||
"polyfills": [ | ||
@@ -1043,2 +1087,3 @@ { | ||
}, | ||
"example": "p:not(:first-child, .special) {\n margin-top: 1em;\n}", | ||
"polyfills": [ | ||
@@ -1069,2 +1114,3 @@ { | ||
}, | ||
"example": "img {\n opacity: 90%;\n}", | ||
"vendors_implementations": 2 | ||
@@ -1092,2 +1138,3 @@ }, | ||
}, | ||
"example": "html {\n overflow: hidden auto;\n}", | ||
"polyfills": [ | ||
@@ -1127,2 +1174,3 @@ { | ||
}, | ||
"example": "p {\n overflow-wrap: break-word;\n}", | ||
"polyfills": [ | ||
@@ -1157,2 +1205,3 @@ { | ||
}, | ||
"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 | ||
@@ -1182,2 +1231,3 @@ }, | ||
}, | ||
"example": ".example {\n place-content: flex-end;\n place-items: center / space-between;\n place-self: flex-start / center;\n}", | ||
"polyfills": [ | ||
@@ -1213,2 +1263,3 @@ { | ||
}, | ||
"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": [ | ||
@@ -1248,2 +1299,3 @@ { | ||
}, | ||
"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 | ||
@@ -1277,2 +1329,3 @@ }, | ||
}, | ||
"example": "input:read-only {\n background-color: #ccc;\n}", | ||
"vendors_implementations": 3 | ||
@@ -1306,2 +1359,3 @@ }, | ||
}, | ||
"example": "html {\n color: rebeccapurple;\n}", | ||
"polyfills": [ | ||
@@ -1339,2 +1393,3 @@ { | ||
}, | ||
"example": "body {\n font-family: system-ui;\n}", | ||
"polyfills": [ | ||
@@ -1355,2 +1410,3 @@ { | ||
"browser_support": {}, | ||
"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}", | ||
"vendors_implementations": 0 | ||
@@ -1378,4 +1434,5 @@ }, | ||
}, | ||
"example": "a:where(:not(:hover)) {\n text-decoration: none;\n}", | ||
"vendors_implementations": 2 | ||
} | ||
] |
{ | ||
"name": "cssdb", | ||
"version": "6.2.0", | ||
"version": "6.2.1", | ||
"type": "module", | ||
@@ -38,7 +38,7 @@ "description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards", | ||
"devDependencies": { | ||
"@astropub/webapi": "^0.10.11", | ||
"@mdn/browser-compat-data": "^4.1.6", | ||
"@astropub/webapi": "^0.10.13", | ||
"@mdn/browser-compat-data": "^4.1.7", | ||
"astro": "^0.22.20", | ||
"browserslist": "^4.19.1", | ||
"caniuse-lite": "^1.0.30001307", | ||
"caniuse-lite": "^1.0.30001310", | ||
"fse": "^4.0.1", | ||
@@ -49,4 +49,4 @@ "lodash.get": "^4.4.2", | ||
"pre-commit": "^1.2.2", | ||
"stylelint": "^14.3.0", | ||
"stylelint-config-standard": "^24.0.0" | ||
"stylelint": "^14.4.0", | ||
"stylelint-config-standard": "^25.0.0" | ||
}, | ||
@@ -53,0 +53,0 @@ "stylelint": { |
Sorry, the diff of this file is not supported yet
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
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
98366
2762