cssdb - npm Package Compare versions

Comparing version 6.2.0 to 6.2.1

cssdb.json

@@ -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
   }
 ]

package.json

 {
   "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": {

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

98366

increased by11.92%

Lines of code

2762

increased by4.31%

No dependency changes