Comparing version 2.2.0 to 3.0.0
# Changes to cssdb | ||
### 3.0.0 (May 7th, 2018) | ||
- Changed: All stages from 1-4 to 0-4 to align with TC39 | ||
- Updated: Tests, badges, descriptions, and dependencies | ||
### 2.2.0 (May 7th, 2018) | ||
@@ -17,3 +22,3 @@ | ||
- Renamed: GitHub repository from `css-db` to `cssdb`, now aligning with npm. | ||
- Renamed: GitHub repository from `css-db` to `cssdb`, now aligning with npm | ||
- Renamed: All feature IDs. | ||
@@ -20,0 +25,0 @@ - Updated: Documentation. |
128
cssdb.json
@@ -7,3 +7,3 @@ [ | ||
"specification": "https://www.w3.org/TR/css-cascade-3/#all-shorthand", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse": "css-all", | ||
@@ -23,3 +23,3 @@ "example": "a {\n all: initial;\n}", | ||
"specification": "https://www.w3.org/TR/selectors4/#any-link-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-any-link", | ||
@@ -35,16 +35,2 @@ "example": "nav :any-link > span {\n background-color: yellow;\n}", | ||
{ | ||
"id": "aspect-ratio-property", | ||
"title": "`aspect-ratio` Property", | ||
"description": "A property for defining the aspect ratio of an element", | ||
"specification": "https://tomhodgins.github.io/aspect-ratio-spec/aspect-ratio.html", | ||
"stage": 0, | ||
"example": "div {\n aspect-ratio: 16/9;\n width: 200px;\n}", | ||
"polyfills": [ | ||
{ | ||
"type": "JavaScript Library", | ||
"link": "https://github.com/tomhodgins/aspect-ratio-spec" | ||
} | ||
] | ||
}, | ||
{ | ||
"id": "break-properties", | ||
@@ -54,3 +40,3 @@ "title": "Break Properties", | ||
"specification": "https://www.w3.org/TR/css-break-3/#breaking-controls", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse": "multicolumn", | ||
@@ -70,3 +56,3 @@ "example": "a {\n break-inside: avoid;\n break-before: avoid-column;\n break-after: always;\n}", | ||
"specification": "https://www.w3.org/TR/selectors4/#attribute-case", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-case-insensitive", | ||
@@ -86,3 +72,3 @@ "example": "[frame=hsides i] {\n border-style: solid none;\n}", | ||
"specification": "https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0", | ||
"stage": 2, | ||
"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}", | ||
@@ -101,3 +87,3 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-color-mod", | ||
"stage": 3, | ||
"stage": 2, | ||
"example": "p {\n color: color-mod(black alpha(50%));\n}", | ||
@@ -116,3 +102,3 @@ "polyfills": [ | ||
"specification": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media", | ||
"stage": 2, | ||
"stage": 1, | ||
"example": "@custom-media --narrow-window (max-width: 30em);\n\n@media (--narrow-window) {}", | ||
@@ -131,3 +117,3 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/css-variables-1/", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse": "css-variables", | ||
@@ -162,3 +148,3 @@ "example": "img {\n --some-length: 32px;\n\n height: var(--some-length);\n width: var(--some-length);\n}", | ||
"specification": "https://drafts.csswg.org/css-extensions/#custom-selectors", | ||
"stage": 2, | ||
"stage": 1, | ||
"example": "@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\narticle :--heading + p {}", | ||
@@ -177,5 +163,5 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/selectors4/#dir-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-dir-pseudo", | ||
"example": ".example:dir(rtl) {\n margin-right: 10px;\n}\n\n.example:dir(ltr) {\n margin-left: 10px;\n}", | ||
"example": "blockquote:dir(rtl) {\n margin-right: 10px;\n}\n\nblockquote:dir(ltr) {\n margin-left: 10px;\n}", | ||
"polyfills": [ | ||
@@ -189,21 +175,7 @@ { | ||
{ | ||
"id": "element-queries", | ||
"title": "Element Queries", | ||
"description": "A syntax for container-style element queries", | ||
"specification": "https://tomhodgins.github.io/element-queries-spec/element-queries.html", | ||
"stage": 0, | ||
"example": "@element html and (min-width: 500px) {\n body {\n background: lime;\n }\n}", | ||
"polyfills": [ | ||
{ | ||
"type": "JavaScript Library", | ||
"link": "https://github.com/eqcss/eqcss" | ||
} | ||
] | ||
}, | ||
{ | ||
"id": "environment-variables", | ||
"title": "Environment Variables", | ||
"title": "Custom Environment Variables", | ||
"description": "A syntax for using custom values accepted by CSS globally", | ||
"specification": "https://drafts.csswg.org/css-overflow/#propdef-overflow", | ||
"stage": 1, | ||
"specification": "https://drafts.csswg.org/css-env-1/", | ||
"stage": 0, | ||
"example": "@media (max-width: env(--brand-small)) {\n body {\n padding: env(--brand-spacing);\n }\n}", | ||
@@ -222,3 +194,3 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/selectors-4/#focus-visible-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-focus-visible", | ||
@@ -242,3 +214,3 @@ "example": ":focus:not(:focus-visible) {\n outline: 0;\n}", | ||
"specification": "https://www.w3.org/TR/selectors-4/#focus-within-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-focus-within", | ||
@@ -262,5 +234,5 @@ "example": "form:focus-within {\n background: rgba(0, 0, 0, 0.3);\n}", | ||
"specification": "https://www.w3.org/TR/css-fonts-3/#propdef-font-variant", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse": "font-variant-alternates", | ||
"example": "h2 {\n font-variant-caps: small-caps;\n}", | ||
"example": "h2 {\n font-variant: small-caps;\n}", | ||
"polyfills": [ | ||
@@ -278,3 +250,3 @@ { | ||
"specification": "https://www.w3.org/TR/css-grid-1/#gutters", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse-compat": { | ||
@@ -308,3 +280,3 @@ "chrome": { | ||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-gray", | ||
"stage": 3, | ||
"stage": 2, | ||
"example": "p {\n color: gray(50);\n}", | ||
@@ -323,3 +295,3 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/css-grid-1/", | ||
"stage": 4, | ||
"stage": 3, | ||
"caniuse": "css-grid", | ||
@@ -339,3 +311,3 @@ "example": "section {\n display: grid;\n grid-template-columns: 100px 100px 100px;\n grid-gap: 10px;\n}", | ||
"specification": "https://www.w3.org/TR/selectors-4/#has-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"example": "a:has(> img) {\n display: block;\n}" | ||
@@ -348,3 +320,3 @@ }, | ||
"specification": "https://www.w3.org/TR/css-color-4/#hex-notation", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-rrggbbaa", | ||
@@ -364,3 +336,3 @@ "example": "section {\n background-color: #f3f3f3f3;\n color: #0003;\n}", | ||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-hwb", | ||
"stage": 3, | ||
"stage": 2, | ||
"example": "p {\n color: hwb(120 44% 50%);\n}", | ||
@@ -379,3 +351,3 @@ "polyfills": [ | ||
"specification": "https://www.w3.org/TR/css-images-4/#image-set-notation", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-image-set", | ||
@@ -395,4 +367,4 @@ "example": "p {\n background-image: image-set(\n \"foo.png\" 1x,\n \"foo-2x.png\" 2x,\n \"foo-print.png\" 600dpi\n );\n}", | ||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab", | ||
"stage": 3, | ||
"example": "example {\n color: lab(240 50 20)\n}" | ||
"stage": 2, | ||
"example": "body {\n color: lab(240 50 20)\n}" | ||
}, | ||
@@ -404,4 +376,4 @@ { | ||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch", | ||
"stage": 3, | ||
"example": "example {\n color: lch(53 105 40)\n}" | ||
"stage": 2, | ||
"example": "body {\n color: lch(53 105 40)\n}" | ||
}, | ||
@@ -413,3 +385,3 @@ { | ||
"specification": "https://www.w3.org/TR/css-logical/", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-logical-props", | ||
@@ -429,3 +401,3 @@ "example": "span:first-child {\n float: inline-start;\n margin-inline-start: 10px;\n}", | ||
"specification": "https://www.w3.org/TR/selectors4/#matches-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-matches-pseudo", | ||
@@ -441,16 +413,2 @@ "example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}", | ||
{ | ||
"id": "media-function", | ||
"title": "`media()` Function", | ||
"description": "A function for specifying media queries within values", | ||
"specification": "https://jonathantneal.github.io/media-expressions-spec/", | ||
"stage": 0, | ||
"example": "p {\n font-size: media(\n 16px,\n (min-width: 600px) 20px,\n (min-width: 1000px) 40px,\n (min-width: 1400px) 60px\n );\n}", | ||
"polyfills": [ | ||
{ | ||
"type": "PostCSS Plugin", | ||
"link": "https://github.com/jonathantneal/postcss-media-fn" | ||
} | ||
] | ||
}, | ||
{ | ||
"id": "media-query-ranges", | ||
@@ -460,3 +418,3 @@ "title": "Media Query Ranges", | ||
"specification": "https://www.w3.org/TR/mediaqueries-4/#range-context", | ||
"stage": 4, | ||
"stage": 3, | ||
"example": "@media (width < 480px) {}\n\n@media (480px <= width < 768px) {}\n\n@media (width >= 768px) {}", | ||
@@ -475,3 +433,3 @@ "polyfills": [ | ||
"specification": "https://tabatkins.github.io/specs/css-nesting/", | ||
"stage": 1, | ||
"stage": 0, | ||
"example": "article {\n & p {\n color: #333;\n }\n}", | ||
@@ -487,6 +445,6 @@ "polyfills": [ | ||
"id": "not-pseudo-class", | ||
"title": "`:not()` Negation Pseudo-Class", | ||
"title": "`:not()` Negation List Pseudo-Class", | ||
"description": "A pseudo-class for ignoring elements in a selector list", | ||
"specification": "https://www.w3.org/TR/selectors4/#negation-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-not-sel-list", | ||
@@ -503,6 +461,6 @@ "example": "p:not(:first-child, .special) {\n margin-top: 1em;\n}", | ||
"id": "overflow-property", | ||
"title": "`overflow` Property", | ||
"title": "`overflow` Shorthand Property", | ||
"description": "A property for defining `overflow-x` and `overflow-y`", | ||
"specification": "https://drafts.csswg.org/css-overflow/#propdef-overflow", | ||
"stage": 2, | ||
"stage": 1, | ||
"caniuse-compat": { | ||
@@ -529,3 +487,3 @@ "chrome": { | ||
"specification": "https://www.w3.org/TR/css-text-3/#overflow-wrap-property", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "wordwrap", | ||
@@ -544,3 +502,3 @@ "example": "p {\n overflow-wrap: break-word;\n}", | ||
"description": "Properties for defining alignment within a layout", | ||
"specification": "https://drafts.csswg.org/css-align-3/#place-items-property", | ||
"specification": "https://www.w3.org/TR/css-align-3/#place-items-property", | ||
"stage": 2, | ||
@@ -568,3 +526,3 @@ "caniuse-compat": { | ||
"specification": "https://www.w3.org/TR/css-color-4/#valdef-color-rebeccapurple", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "css-rebeccapurple", | ||
@@ -584,3 +542,3 @@ "example": "html {\n color: rebeccapurple;\n}", | ||
"specification": "https://www.w3.org/TR/selectors-4/#something-pseudo", | ||
"stage": 3, | ||
"stage": 2, | ||
"example": "a:something(:not(:hover)) {\n text-decoration: none;\n}" | ||
@@ -593,3 +551,3 @@ }, | ||
"specification": "https://www.w3.org/TR/css-fonts-4/#system-ui-def", | ||
"stage": 3, | ||
"stage": 2, | ||
"caniuse": "font-family-system-ui", | ||
@@ -609,5 +567,5 @@ "example": "body {\n font-family: system-ui;\n}", | ||
"specification": "https://tabatkins.github.io/specs/css-when-else/", | ||
"stage": 1, | ||
"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}" | ||
} | ||
] |
{ | ||
"name": "cssdb", | ||
"version": "2.2.0", | ||
"version": "3.0.0", | ||
"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", | ||
"repository": "jonathantneal/cssdb", | ||
"homepage": "https://github.com/jonathantneal/cssdb#readme", | ||
"bugs": "https://github.com/jonathantneal/cssdb/issues", | ||
"repository": "csstools/cssdb", | ||
"homepage": "https://github.com/csstools/cssdb#readme", | ||
"bugs": "https://github.com/csstools/cssdb/issues", | ||
"main": "cssdb.json", | ||
@@ -19,4 +19,4 @@ "files": [ | ||
"devDependencies": { | ||
"browserslist": "^3.2.6", | ||
"caniuse-lite": "^1.0.30000835", | ||
"browserslist": "^3.2.7", | ||
"caniuse-lite": "^1.0.30000839", | ||
"eslit": "^5.0.0", | ||
@@ -23,0 +23,0 @@ "fse": "^4.0.0", |
@@ -1,2 +0,2 @@ | ||
# cssdb [<img src="https://jonathantneal.github.io/cssdb/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb] | ||
# cssdb [<img src="https://cssdb.org/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb] | ||
@@ -29,5 +29,5 @@ [![NPM Version][npm-img]][npm-url] | ||
[cli-img]: https://img.shields.io/travis/jonathantneal/cssdb.svg | ||
[cli-url]: https://travis-ci.org/jonathantneal/cssdb | ||
[cssdb]: https://github.com/jonathantneal/cssdb | ||
[cli-img]: https://img.shields.io/travis/csstools/cssdb.svg | ||
[cli-url]: https://travis-ci.org/csstools/cssdb | ||
[cssdb]: https://github.com/csstools/cssdb | ||
[CSSWG]: https://wiki.csswg.org/spec | ||
@@ -34,0 +34,0 @@ [inside view of the CSSWG]: http://fantasai.inkedblade.net/weblog/2011/inside-csswg/process |
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
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
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
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
30188
534