Conexio amb la api
This commit is contained in:
parent
207c0ba819
commit
b12369cb47
48513 changed files with 7391639 additions and 7 deletions
138
node_modules/cssdb/CHANGELOG.md
generated
vendored
Executable file
138
node_modules/cssdb/CHANGELOG.md
generated
vendored
Executable file
|
|
@ -0,0 +1,138 @@
|
|||
# Changes to cssdb
|
||||
|
||||
### 4.4.0 (March 7, 2019)
|
||||
|
||||
- Updated: Nesting Rules are now Stage 1! 🎉
|
||||
|
||||
### 4.3.0 (December 12, 2018)
|
||||
|
||||
- Added: `:blank` Empty-Value Pseudo-Class
|
||||
- Added: caniuse link for `:has()` Relational Pseudo-Class
|
||||
- Added: JavaScript Library and PostCSS Plugin links for the `:blank`
|
||||
Empty-Value Pseudo-Class and the `:has()` Relational Pseudo-Class
|
||||
|
||||
### 4.2.0 (November 4, 2018)
|
||||
|
||||
- Added: Documentation links to MDN
|
||||
- Added: `color-adjust` Property
|
||||
- Added: `overscroll-behavior` Property
|
||||
- Added: `prefers-color-scheme` Media Query
|
||||
- Added: `prefers-reduced-motion` Media Query
|
||||
- Added: `:in-range` and `:out-of-range` Pseudo-Classes
|
||||
- Added: `:read-only` and `:read-write` selectors
|
||||
|
||||
This also updates the cssdb.org template and styles, using postcss-preset-env
|
||||
to create and minifying cross-browser compatible css, improving font loading
|
||||
and display, supporting RTL displays, and adding MDN documentation.
|
||||
|
||||
### 4.1.1 (October 28, 2018)
|
||||
|
||||
- Added: caniuse link for `overflow` shorthand property
|
||||
|
||||
### 4.1.0 (October 28, 2018)
|
||||
|
||||
- Added: Double Position Gradients
|
||||
|
||||
### 4.0.0 (October 23, 2018)
|
||||
|
||||
- Changed: `:something()` is now `:where()` and moved from Stage 2 to Stage 1
|
||||
|
||||
### 3.2.1 (August 31st, 2018)
|
||||
|
||||
- Updated: caniuse-like browser statistics for Custom Environment Variables
|
||||
|
||||
I really wish caniuse would start adding some of these.
|
||||
|
||||
### 3.2.0 (August 30th, 2018)
|
||||
|
||||
- Removed: Rejected `color-mod()` function
|
||||
- Updated: Overflow shorthand is now Stage 2
|
||||
- Updated: caniuse-like browser statistics for Custom Environment Variables and
|
||||
Overflow Shorthand
|
||||
|
||||
### 3.1.0 (May 11th, 2018)
|
||||
|
||||
- Added: Polyfills for `lab-function` and `lch-function`
|
||||
|
||||
### 3.0.0 (May 10th, 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)
|
||||
|
||||
- Added: Place Properties as Stage 2
|
||||
- Added: PostCSS plugin for Color Functional Notation
|
||||
- Updated: Media Query Ranges to Stage 4
|
||||
|
||||
### 2.1.0 (May 1st, 2018)
|
||||
|
||||
- Added: Environment Variables as Stage 1
|
||||
- Added: `overflow` Property as Stage 2
|
||||
- Added: Gap Properties as Stage 4
|
||||
|
||||
### 2.0.0 (April 7th, 2018)
|
||||
|
||||
- Renamed: GitHub repository from `css-db` to `cssdb`, now aligning with npm
|
||||
- Renamed: All feature IDs.
|
||||
- Updated: Documentation.
|
||||
|
||||
Notes: The old feature IDs were problematic because they attempted to follow
|
||||
specification section IDs, but some specifications weren’t aren’t always
|
||||
covered by a single section, and many sections were inconsistently named.
|
||||
Because there was no pattern one could predict for any of the headings, a new
|
||||
system was created; to **name** the feature and provide **context**. This meant
|
||||
a feature ID like `css-cascade-all-shorthand` became `all-property`, and
|
||||
`css-fonts-propdef-font-variant` became `font-variant-property`, etc. This
|
||||
greatly simplified all of the feature IDs and allowed for more predictive
|
||||
naming moving forward.
|
||||
|
||||
### 1.6.0 (February 18th, 2018)
|
||||
|
||||
- Added: Break Properties
|
||||
|
||||
### 1.5.2 (February 18th, 2018)
|
||||
|
||||
- Updated: `:focus-within` polyfills
|
||||
|
||||
### 1.5.1 (February 17th, 2018)
|
||||
|
||||
- Fixed: `:focus-visible` and `:focus-within` title syntax
|
||||
|
||||
### 1.5.0 (January 22th, 2018)
|
||||
|
||||
- Changed: Use the latest published specification URL whenever possible
|
||||
- Changed: Upgrade Color #RRGGBBAA Notation to Stage 3
|
||||
- Changed: Upgrade Color gray() Function to Stage 3
|
||||
- Changed: Upgrade Color color-mod() Function to Stage 3
|
||||
- Changed: Upgrade Color hwb() Function to Stage 3
|
||||
- Changed: Downgrade Custom Properties to Stage 4
|
||||
- Fixed: Color hwb() Function example
|
||||
- Fixed: the Color rebeccapurple PostCSS Plugin URL
|
||||
|
||||
### 1.4.0 (January 16th, 2018)
|
||||
|
||||
- Changed: polyfill for `css-color-modifying-colors`
|
||||
|
||||
### 1.3.0 (January 8th, 2018)
|
||||
|
||||
- Added: caniuse references for `css-logical` and `css-fonts-system-ui-def`
|
||||
- Fixed: caniuse parsing for browser support
|
||||
|
||||
### 1.2.0 (January 8th, 2018)
|
||||
|
||||
- Fixed: specification identifiers for `css-color-hwb-notation`,
|
||||
`selectors-dir-pseudo`
|
||||
- Fixed: Examples for Media Queries Custom Media Queries
|
||||
|
||||
### 1.1.0 (September 27th, 2017)
|
||||
|
||||
- Added: Image `image-set()` Function, Selector `:dir` Pseudo-Class,
|
||||
Selector `:any-link` Pseudo-Class, Text `overflow-wrap` Property,
|
||||
Font `system-ui` Family, Cascade `all` Property
|
||||
- Added: caniuse identifiers
|
||||
- Fixed: Examples for Nesting, Media Queries Ranges
|
||||
|
||||
### 1.0.0 (September 6th, 2017)
|
||||
|
||||
- Initial version
|
||||
106
node_modules/cssdb/LICENSE.md
generated
vendored
Executable file
106
node_modules/cssdb/LICENSE.md
generated
vendored
Executable file
|
|
@ -0,0 +1,106 @@
|
|||
# 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/.
|
||||
35
node_modules/cssdb/README.md
generated
vendored
Executable file
35
node_modules/cssdb/README.md
generated
vendored
Executable file
|
|
@ -0,0 +1,35 @@
|
|||
# cssdb [<img src="https://cssdb.org/cssdb.svg" alt="cssdb logo" width="90" height="90" align="right">][cssdb]
|
||||
|
||||
[![NPM Version][npm-img]][npm-url]
|
||||
[![Build Status][cli-img]][cli-url]
|
||||
|
||||
[cssdb] is a comprehensive list of CSS features and their positions in
|
||||
the process of becoming implemented web standards.
|
||||
|
||||
---
|
||||
|
||||
Did you come here to update the status of a CSS feature or add a new one?
|
||||
Quick, read [CONTRIBUTING.md](CONTRIBUTING.md).
|
||||
|
||||
Did you come here to learn about the stages? Quick, read [STAGES.md](STAGES.md).
|
||||
|
||||
---
|
||||
|
||||
[cssdb] ranks CSS features by stages that reflect the real-life stability of
|
||||
new CSS features.
|
||||
|
||||
You can read an [inside view of the CSSWG] to learn about the official
|
||||
(and unofficial) development stages of CSS specifications. In reality,
|
||||
specifications and browser implementations happen out of sync. For example,
|
||||
there are stable CSS features missing in all browsers, while other CSS features
|
||||
developed outside the [CSSWG] have appeared in browsers behind flags. This is
|
||||
too ambiguous for the web development community, and a more accountable process
|
||||
is desired.
|
||||
|
||||
[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
|
||||
[inside view of the CSSWG]: http://fantasai.inkedblade.net/weblog/2011/inside-csswg/process
|
||||
[npm-img]: https://img.shields.io/npm/v/cssdb.svg
|
||||
[npm-url]: https://www.npmjs.com/package/cssdb
|
||||
774
node_modules/cssdb/cssdb.json
generated
vendored
Executable file
774
node_modules/cssdb/cssdb.json
generated
vendored
Executable file
|
|
@ -0,0 +1,774 @@
|
|||
[
|
||||
{
|
||||
"id": "all-property",
|
||||
"title": "`all` Property",
|
||||
"description": "A property for defining the reset of all properties of an element",
|
||||
"specification": "https://www.w3.org/TR/css-cascade-3/#all-shorthand",
|
||||
"stage": 3,
|
||||
"caniuse": "css-all",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/all"
|
||||
},
|
||||
"example": "a {\n all: initial;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/maximkoretskiy/postcss-initial"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "any-link-pseudo-class",
|
||||
"title": "`:any-link` Hyperlink Pseudo-Class",
|
||||
"description": "A pseudo-class for matching anchor elements independent of whether they have been visited",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#any-link-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-any-link",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:any-link"
|
||||
},
|
||||
"example": "nav :any-link > span {\n background-color: yellow;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-pseudo-class-any-link"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "blank-pseudo-class",
|
||||
"title": "`:blank` Empty-Value Pseudo-Class",
|
||||
"description": "A pseudo-class for matching form elements when they are empty",
|
||||
"specification": "https://drafts.csswg.org/selectors-4/#blank",
|
||||
"stage": 1,
|
||||
"example": "input:blank {\n background-color: yellow;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "JavaScript Library",
|
||||
"link": "https://github.com/csstools/css-blank-pseudo"
|
||||
},
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/csstools/css-blank-pseudo"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "break-properties",
|
||||
"title": "Break Properties",
|
||||
"description": "Properties for defining the break behavior between and within boxes",
|
||||
"specification": "https://www.w3.org/TR/css-break-3/#breaking-controls",
|
||||
"stage": 3,
|
||||
"caniuse": "multicolumn",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/shrpne/postcss-page-break"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "case-insensitive-attributes",
|
||||
"title": "Case-Insensitive Attributes",
|
||||
"description": "An attribute selector matching attribute values case-insensitively",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#attribute-case",
|
||||
"stage": 2,
|
||||
"caniuse": "css-case-insensitive",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors"
|
||||
},
|
||||
"example": "[frame=hsides i] {\n border-style: solid none;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/Semigradsky/postcss-attribute-case-insensitive"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "color-adjust",
|
||||
"title": "`color-adjust` Property",
|
||||
"description": "The color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#color-adjust",
|
||||
"stage": 2,
|
||||
"caniuse": "css-color-adjust",
|
||||
"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}"
|
||||
},
|
||||
{
|
||||
"id": "color-functional-notation",
|
||||
"title": "Color Functional Notation",
|
||||
"description": "A space and slash separated notation for specifying colors",
|
||||
"specification": "https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0",
|
||||
"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}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-color-functional-notation"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"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,
|
||||
"example": "p {\n color: color-mod(black alpha(50%));\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-color-mod-function"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "custom-media-queries",
|
||||
"title": "Custom Media Queries",
|
||||
"description": "An at-rule for defining aliases that represent media queries",
|
||||
"specification": "https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media",
|
||||
"stage": 1,
|
||||
"example": "@custom-media --narrow-window (max-width: 30em);\n\n@media (--narrow-window) {}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-custom-media"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "custom-properties",
|
||||
"title": "Custom Properties",
|
||||
"description": "A syntax for defining custom values accepted by all CSS properties",
|
||||
"specification": "https://www.w3.org/TR/css-variables-1/",
|
||||
"stage": 3,
|
||||
"caniuse": "css-variables",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-custom-properties"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"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,
|
||||
"caniuse": "css-apply-rule",
|
||||
"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"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "custom-selectors",
|
||||
"title": "Custom Selectors",
|
||||
"description": "An at-rule for defining aliases that represent selectors",
|
||||
"specification": "https://drafts.csswg.org/css-extensions/#custom-selectors",
|
||||
"stage": 1,
|
||||
"example": "@custom-selector :--heading h1, h2, h3, h4, h5, h6;\n\narticle :--heading + p {}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-custom-selectors"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "dir-pseudo-class",
|
||||
"title": "`:dir` Directionality Pseudo-Class",
|
||||
"description": "A pseudo-class for matching elements based on their directionality",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#dir-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-dir-pseudo",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-dir-pseudo-class"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "double-position-gradients",
|
||||
"title": "Double Position Gradients",
|
||||
"description": "A syntax for using two positions in a gradient.",
|
||||
"specification": "https://www.w3.org/TR/css-images-4/#color-stop-syntax",
|
||||
"stage": 2,
|
||||
"caniuse-compat": {
|
||||
"and_chr": {
|
||||
"71": "y"
|
||||
},
|
||||
"chrome": {
|
||||
"71": "y"
|
||||
}
|
||||
},
|
||||
"example": ".pie_chart {\n background-image: conic-gradient(yellowgreen 40%, gold 0deg 75%, #f06 0deg);\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-double-position-gradients"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "environment-variables",
|
||||
"title": "Custom Environment Variables",
|
||||
"description": "A syntax for using custom values accepted by CSS globally",
|
||||
"specification": "https://drafts.csswg.org/css-env-1/",
|
||||
"stage": 0,
|
||||
"caniuse-compat": {
|
||||
"and_chr": {
|
||||
"69": "y"
|
||||
},
|
||||
"chrome": {
|
||||
"69": "y"
|
||||
},
|
||||
"ios_saf": {
|
||||
"11.2": "y"
|
||||
},
|
||||
"safari": {
|
||||
"11.2": "y"
|
||||
}
|
||||
},
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-env-function"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "focus-visible-pseudo-class",
|
||||
"title": "`:focus-visible` Focus-Indicated Pseudo-Class",
|
||||
"description": "A pseudo-class for matching focused elements that indicate that focus to a user",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#focus-visible-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-focus-visible",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible"
|
||||
},
|
||||
"example": ":focus:not(:focus-visible) {\n outline: 0;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "JavaScript Library",
|
||||
"link": "https://github.com/WICG/focus-visible"
|
||||
},
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-focus-visible"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "focus-within-pseudo-class",
|
||||
"title": "`:focus-within` Focus Container Pseudo-Class",
|
||||
"description": "A pseudo-class for matching elements that are either focused or that have focused descendants",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#focus-within-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-focus-within",
|
||||
"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": [
|
||||
{
|
||||
"type": "JavaScript Library",
|
||||
"link": "https://github.com/jonathantneal/focus-within"
|
||||
},
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-focus-within"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "font-variant-property",
|
||||
"title": "`font-variant` Property",
|
||||
"description": "A property for defining the usage of alternate glyphs in a font",
|
||||
"specification": "https://www.w3.org/TR/css-fonts-3/#propdef-font-variant",
|
||||
"stage": 3,
|
||||
"caniuse": "font-variant-alternates",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant"
|
||||
},
|
||||
"example": "h2 {\n font-variant: small-caps;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-font-variant"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "gap-properties",
|
||||
"title": "Gap Properties",
|
||||
"description": "Properties for defining gutters within a layout",
|
||||
"specification": "https://www.w3.org/TR/css-grid-1/#gutters",
|
||||
"stage": 3,
|
||||
"caniuse-compat": {
|
||||
"chrome": {
|
||||
"66": "y"
|
||||
},
|
||||
"edge": {
|
||||
"16": "y"
|
||||
},
|
||||
"firefox": {
|
||||
"61": "y"
|
||||
},
|
||||
"safari": {
|
||||
"11.2": "y",
|
||||
"TP": "y"
|
||||
}
|
||||
},
|
||||
"docs": {
|
||||
"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}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-gap-properties"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"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": 2,
|
||||
"example": "p {\n color: gray(50);\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-color-gray"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "grid-layout",
|
||||
"title": "Grid Layout",
|
||||
"description": "A syntax for using a grid concept to lay out content",
|
||||
"specification": "https://www.w3.org/TR/css-grid-1/",
|
||||
"stage": 3,
|
||||
"caniuse": "css-grid",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/autoprefixer"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "has-pseudo-class",
|
||||
"title": "`:has()` Relational Pseudo-Class",
|
||||
"description": "A pseudo-class for matching ancestor and sibling elements",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#has-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-has",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:has"
|
||||
},
|
||||
"example": "a:has(> img) {\n display: block;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "JavaScript Library",
|
||||
"link": "https://github.com/csstools/css-has-pseudo"
|
||||
},
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/csstools/css-has-pseudo"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "hexadecimal-alpha-notation",
|
||||
"title": "Hexadecimal Alpha Notation",
|
||||
"description": "A 4 & 8 character hex color notation for specifying the opacity level",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#hex-notation",
|
||||
"stage": 2,
|
||||
"caniuse": "css-rrggbbaa",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-color-hex-alpha"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "hwb-function",
|
||||
"title": "`hwb()` Function",
|
||||
"description": "A function for specifying colors by hue and then a degree of whiteness and blackness to mix into it",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-hwb",
|
||||
"stage": 2,
|
||||
"example": "p {\n color: hwb(120 44% 50%);\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-color-hwb"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "image-set-function",
|
||||
"title": "`image-set()` Function",
|
||||
"description": "A function for specifying image sources based on the user’s resolution",
|
||||
"specification": "https://www.w3.org/TR/css-images-4/#image-set-notation",
|
||||
"stage": 2,
|
||||
"caniuse": "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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-image-set-function"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "in-out-of-range-pseudo-class",
|
||||
"title": "`:in-range` and `:out-of-range` Pseudo-Classes",
|
||||
"description": "A pseudo-class for matching elements that have range limitations",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#range-pseudos",
|
||||
"stage": 2,
|
||||
"caniuse": "css-in-out-of-range",
|
||||
"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}"
|
||||
},
|
||||
{
|
||||
"id": "lab-function",
|
||||
"title": "`lab()` Function",
|
||||
"description": "A function for specifying colors expressed in the CIE Lab color space",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lab",
|
||||
"stage": 2,
|
||||
"example": "body {\n color: lab(240 50 20);\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-lab-function"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "lch-function",
|
||||
"title": "`lch()` Function",
|
||||
"description": "A function for specifying colors expressed in the CIE Lab color space with chroma and hue",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#funcdef-lch",
|
||||
"stage": 2,
|
||||
"example": "body {\n color: lch(53 105 40);\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-lab-function"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "logical-properties-and-values",
|
||||
"title": "Logical Properties and Values",
|
||||
"description": "Flow-relative (left-to-right or right-to-left) properties and values",
|
||||
"specification": "https://www.w3.org/TR/css-logical-1/",
|
||||
"stage": 2,
|
||||
"caniuse": "css-logical-props",
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-logical-properties"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"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/#matches-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-matches-pseudo",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:matches"
|
||||
},
|
||||
"example": "p:matches(:first-child, .special) {\n margin-top: 1em;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-selector-matches"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "media-query-ranges",
|
||||
"title": "Media Query Ranges",
|
||||
"description": "A syntax for defining media query ranges using ordinary comparison operators",
|
||||
"specification": "https://www.w3.org/TR/mediaqueries-4/#range-context",
|
||||
"stage": 3,
|
||||
"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": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-media-minmax"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "nesting-rules",
|
||||
"title": "Nesting Rules",
|
||||
"description": "A syntax for nesting relative rules within rules",
|
||||
"specification": "https://drafts.csswg.org/css-nesting-1/",
|
||||
"stage": 1,
|
||||
"example": "article {\n & p {\n color: #333;\n }\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-nesting"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "not-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/selectors-4/#negation-pseudo",
|
||||
"stage": 2,
|
||||
"caniuse": "css-not-sel-list",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:not"
|
||||
},
|
||||
"example": "p:not(:first-child, .special) {\n margin-top: 1em;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-selector-not"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "overflow-property",
|
||||
"title": "`overflow` Shorthand Property",
|
||||
"description": "A property for defining `overflow-x` and `overflow-y`",
|
||||
"specification": "https://www.w3.org/TR/css-overflow-3/#propdef-overflow",
|
||||
"stage": 2,
|
||||
"caniuse": "css-overflow",
|
||||
"caniuse-compat": {
|
||||
"and_chr": {
|
||||
"68": "y"
|
||||
},
|
||||
"and_ff": {
|
||||
"61": "y"
|
||||
},
|
||||
"chrome": {
|
||||
"68": "y"
|
||||
},
|
||||
"firefox": {
|
||||
"61": "y"
|
||||
}
|
||||
},
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow"
|
||||
},
|
||||
"example": "html {\n overflow: hidden auto;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-overflow-shorthand"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "overflow-wrap-property",
|
||||
"title": "`overflow-wrap` Property",
|
||||
"description": "A property for defining whether to insert line breaks within words to prevent overflowing",
|
||||
"specification": "https://www.w3.org/TR/css-text-3/#overflow-wrap-property",
|
||||
"stage": 2,
|
||||
"caniuse": "wordwrap",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap"
|
||||
},
|
||||
"example": "p {\n overflow-wrap: break-word;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/mattdimu/postcss-replace-overflow-wrap"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "overscroll-behavior-property",
|
||||
"title": "`overscroll-behavior` Property",
|
||||
"description": "Properties for controlling when the scroll position of a scroll container reaches the edge of a scrollport",
|
||||
"specification": "https://drafts.csswg.org/css-overscroll-behavior",
|
||||
"stage": 1,
|
||||
"caniuse": "css-overscroll-behavior",
|
||||
"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}"
|
||||
},
|
||||
{
|
||||
"id": "place-properties",
|
||||
"title": "Place Properties",
|
||||
"description": "Properties for defining alignment within a layout",
|
||||
"specification": "https://www.w3.org/TR/css-align-3/#place-items-property",
|
||||
"stage": 2,
|
||||
"caniuse-compat": {
|
||||
"chrome": {
|
||||
"59": "y"
|
||||
},
|
||||
"firefox": {
|
||||
"45": "y"
|
||||
}
|
||||
},
|
||||
"docs": {
|
||||
"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}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/jonathantneal/postcss-place"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "prefers-color-scheme-query",
|
||||
"title": "`prefers-color-scheme` Media Query",
|
||||
"description": "A media query to detect if the user has requested the system use a light or dark color theme",
|
||||
"specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme",
|
||||
"stage": 1,
|
||||
"caniuse": "prefers-color-scheme",
|
||||
"caniuse-compat": {
|
||||
"ios_saf": {
|
||||
"12.1": "y"
|
||||
},
|
||||
"safari": {
|
||||
"12.1": "y"
|
||||
}
|
||||
},
|
||||
"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": [
|
||||
{
|
||||
"type": "JavaScript Library",
|
||||
"link": "https://github.com/csstools/css-prefers-color-scheme"
|
||||
},
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/csstools/css-prefers-color-scheme"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "prefers-reduced-motion-query",
|
||||
"title": "`prefers-reduced-motion` Media Query",
|
||||
"description": "A media query to detect if the user has requested less animation and general motion on the page",
|
||||
"specification": "https://drafts.csswg.org/mediaqueries-5/#prefers-reduced-motion",
|
||||
"stage": 1,
|
||||
"caniuse": "prefers-reduced-motion",
|
||||
"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}"
|
||||
},
|
||||
{
|
||||
"id": "read-only-write-pseudo-class",
|
||||
"title": "`:read-only` and `:read-write` selectors",
|
||||
"description": "Pseudo-classes to match elements which are considered user-alterable",
|
||||
"specification": "https://www.w3.org/TR/selectors-4/#rw-pseudos",
|
||||
"stage": 2,
|
||||
"caniuse": "css-read-only-write",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only"
|
||||
},
|
||||
"example": "input:read-only {\n background-color: #ccc;\n}"
|
||||
},
|
||||
{
|
||||
"id": "rebeccapurple-color",
|
||||
"title": "`rebeccapurple` Color",
|
||||
"description": "A particularly lovely shade of purple in memory of Rebecca Alison Meyer",
|
||||
"specification": "https://www.w3.org/TR/css-color-4/#valdef-color-rebeccapurple",
|
||||
"stage": 2,
|
||||
"caniuse": "css-rebeccapurple",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
|
||||
},
|
||||
"example": "html {\n color: rebeccapurple;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/postcss/postcss-color-rebeccapurple"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "system-ui-font-family",
|
||||
"title": "`system-ui` Font Family",
|
||||
"description": "A generic font used to match the user’s interface",
|
||||
"specification": "https://www.w3.org/TR/css-fonts-4/#system-ui-def",
|
||||
"stage": 2,
|
||||
"caniuse": "font-family-system-ui",
|
||||
"docs": {
|
||||
"mdn": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#Syntax"
|
||||
},
|
||||
"example": "body {\n font-family: system-ui;\n}",
|
||||
"polyfills": [
|
||||
{
|
||||
"type": "PostCSS Plugin",
|
||||
"link": "https://github.com/JLHwung/postcss-font-family-system-ui"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "when-else-rules",
|
||||
"title": "When/Else Rules",
|
||||
"description": "At-rules for specifying media queries and support queries in a single grammar",
|
||||
"specification": "https://tabatkins.github.io/specs/css-when-else/",
|
||||
"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}"
|
||||
},
|
||||
{
|
||||
"id": "where-pseudo-class",
|
||||
"title": "`:where()` Zero-Specificity Pseudo-Class",
|
||||
"description": "A pseudo-class for matching elements in a selector list without contributing specificity",
|
||||
"specification": "https://drafts.csswg.org/selectors-4/#where-pseudo",
|
||||
"stage": 1,
|
||||
"example": "a:where(:not(:hover)) {\n text-decoration: none;\n}"
|
||||
}
|
||||
]
|
||||
81
node_modules/cssdb/package.json
generated
vendored
Executable file
81
node_modules/cssdb/package.json
generated
vendored
Executable file
|
|
@ -0,0 +1,81 @@
|
|||
{
|
||||
"_from": "cssdb@^4.4.0",
|
||||
"_id": "cssdb@4.4.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
|
||||
"_location": "/cssdb",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "cssdb@^4.4.0",
|
||||
"name": "cssdb",
|
||||
"escapedName": "cssdb",
|
||||
"rawSpec": "^4.4.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^4.4.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/postcss-preset-env"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
|
||||
"_shasum": "3bf2f2a68c10f5c6a08abd92378331ee803cddb0",
|
||||
"_spec": "cssdb@^4.4.0",
|
||||
"_where": "/home/jack/Documents/JDA/m14/projecte_janmaroto/node_modules/postcss-preset-env",
|
||||
"author": {
|
||||
"name": "Jonathan Neal",
|
||||
"email": "jonathantneal@hotmail.com"
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/csstools/cssdb/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"deprecated": false,
|
||||
"description": "A comprehensive list of CSS features and their positions in the process of becoming implemented web standards",
|
||||
"devDependencies": {
|
||||
"browserslist": "^4.4.2",
|
||||
"caniuse-lite": "^1.0.30000942",
|
||||
"cssnano": "^4.1.10",
|
||||
"eslit": "^6.0.0",
|
||||
"fse": "^4.0.1",
|
||||
"http-server": "^0.11.1",
|
||||
"marked": "^0.6.1",
|
||||
"node-fetch": "^2.3.0",
|
||||
"postcss": "^7.0.14",
|
||||
"postcss-preset-env": "^6.6.0",
|
||||
"pre-commit": "^1.2.2",
|
||||
"stylelint": "^9.10.1",
|
||||
"stylelint-config-dev": "^4.0.0"
|
||||
},
|
||||
"files": [
|
||||
"cssdb.json"
|
||||
],
|
||||
"homepage": "https://github.com/csstools/cssdb#readme",
|
||||
"keywords": [
|
||||
"css",
|
||||
"features",
|
||||
"list",
|
||||
"specifications",
|
||||
"stages",
|
||||
"tc39"
|
||||
],
|
||||
"license": "CC0-1.0",
|
||||
"main": "cssdb.json",
|
||||
"name": "cssdb",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/csstools/cssdb.git"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "node tasks/start",
|
||||
"start:nobadges": "node tasks/start --no-badges",
|
||||
"test": "npm run test:css && npm run test:json",
|
||||
"test:css": "stylelint tasks/style-template.css",
|
||||
"test:json": "node tasks/test",
|
||||
"watch": "http-server gh-pages"
|
||||
},
|
||||
"stylelint": {
|
||||
"extends": "stylelint-config-dev"
|
||||
},
|
||||
"version": "4.4.0"
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue