Skip to content

Commit 38ae40b

Browse files
romainmenkeromainmenke
committed
docs
1 parent 2a4ad4e commit 38ae40b

File tree

49 files changed

+667
-47
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+667
-47
lines changed

‎.github/bin/release-plan/docs.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export async function updateDocumentation(packageDirectory, minimal = false) {
1313
{
1414
env: {
1515
...process.env,
16-
MINIMAL: minimal ? 'true': null,
16+
MINIMAL: minimal ? 'true': undefined,
1717
},
1818
cwd: packageDirectory,
1919
shell: platform === 'win32',

‎experimental/postcss-gradient-stop-increments/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Gradient Stop Increments [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install @csstools/postcss-gradient-stop-increments-experimental --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-gradient-stop-increments-experimental.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
4+
5+
```bash
6+
npm install @csstools/postcss-gradient-stop-increments-experimental --save-dev
7+
```
48

59
[PostCSS Gradient Stop Increments] lets you increment gradient stops following the [CSSWG 8616 proposal].
610

@@ -59,7 +63,16 @@ postcss([
5963
]).process(YOUR_CSS /*, processOptions */);
6064
```
6165

66+
[PostCSS Gradient Stop Increments] runs in all Node environments, with special
67+
instructions for:
6268

69+
- [Node](INSTALL.md#node)
70+
- [PostCSS CLI](INSTALL.md#postcss-cli)
71+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
72+
- [Webpack](INSTALL.md#webpack)
73+
- [Next.js](INSTALL.md#nextjs)
74+
- [Gulp](INSTALL.md#gulp)
75+
- [Grunt](INSTALL.md#grunt)
6376

6477
## Options
6578

‎plugin-packs/postcss-bundler/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Bundler [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install @csstools/postcss-bundler --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-bundler.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
4+
5+
```bash
6+
npm install @csstools/postcss-bundler --save-dev
7+
```
48

59
[PostCSS Bundler] bundles your CSS.
610

@@ -50,7 +54,16 @@ postcss([
5054
]).process(YOUR_CSS /*, processOptions */);
5155
```
5256

57+
[PostCSS Bundler] runs in all Node environments, with special
58+
instructions for:
5359

60+
- [Node](INSTALL.md#node)
61+
- [PostCSS CLI](INSTALL.md#postcss-cli)
62+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
63+
- [Webpack](INSTALL.md#webpack)
64+
- [Next.js](INSTALL.md#nextjs)
65+
- [Gulp](INSTALL.md#gulp)
66+
- [Grunt](INSTALL.md#grunt)
5467

5568
## `postcss-import`
5669

‎plugins/css-blank-pseudo/README.md‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
# PostCSS Blank Pseudo [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3+
[<img alt="npm version" src="https://img.shields.io/npm/v/css-blank-pseudo.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/blank-pseudo-class.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/blank-pseudo-class.svg" height="20">][css-url]
4+
35
```bash
46
npm install css-blank-pseudo --save-dev
57
```
@@ -45,7 +47,16 @@ postcss([
4547
]).process(YOUR_CSS /*, processOptions */);
4648
```
4749

50+
[PostCSS Blank Pseudo] runs in all Node environments, with special
51+
instructions for:
4852

53+
- [Node](INSTALL.md#node)
54+
- [PostCSS CLI](INSTALL.md#postcss-cli)
55+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
56+
- [Webpack](INSTALL.md#webpack)
57+
- [Next.js](INSTALL.md#nextjs)
58+
- [Gulp](INSTALL.md#gulp)
59+
- [Grunt](INSTALL.md#grunt)
4960

5061
## Options
5162

‎plugins/css-has-pseudo/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Has Pseudo [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install css-has-pseudo --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/css-has-pseudo.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/has-pseudo-class.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/has-pseudo-class.svg" height="20">][css-url]
4+
5+
```bash
6+
npm install css-has-pseudo --save-dev
7+
```
48

59
[PostCSS Has Pseudo] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification.
610

@@ -42,7 +46,16 @@ postcss([
4246
]).process(YOUR_CSS /*, processOptions */);
4347
```
4448

49+
[PostCSS Has Pseudo] runs in all Node environments, with special
50+
instructions for:
4551

52+
- [Node](INSTALL.md#node)
53+
- [PostCSS CLI](INSTALL.md#postcss-cli)
54+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
55+
- [Webpack](INSTALL.md#webpack)
56+
- [Next.js](INSTALL.md#nextjs)
57+
- [Gulp](INSTALL.md#gulp)
58+
- [Grunt](INSTALL.md#grunt)
4659

4760
## Options
4861

‎plugins/css-prefers-color-scheme/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# Prefers Color Scheme [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install css-prefers-color-scheme --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/css-prefers-color-scheme.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/prefers-color-scheme-query.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/prefers-color-scheme-query.svg" height="20">][css-url]
4+
5+
```bash
6+
npm install css-prefers-color-scheme --save-dev
7+
```
48

59
[Prefers Color Scheme] lets you use light and dark color schemes in all browsers, following the [Media Queries] specification.
610

@@ -73,7 +77,16 @@ postcss([
7377
]).process(YOUR_CSS /*, processOptions */);
7478
```
7579

80+
[Prefers Color Scheme] runs in all Node environments, with special
81+
instructions for:
7682

83+
- [Node](INSTALL.md#node)
84+
- [PostCSS CLI](INSTALL.md#postcss-cli)
85+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
86+
- [Webpack](INSTALL.md#webpack)
87+
- [Next.js](INSTALL.md#nextjs)
88+
- [Gulp](INSTALL.md#gulp)
89+
- [Grunt](INSTALL.md#grunt)
7790

7891
## Options
7992

‎plugins/postcss-attribute-case-insensitive/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Attribute Case Insensitive [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install postcss-attribute-case-insensitive --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/postcss-attribute-case-insensitive.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/case-insensitive-attributes.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/case-insensitive-attributes.svg" height="20">][css-url]
4+
5+
```bash
6+
npm install postcss-attribute-case-insensitive --save-dev
7+
```
48

59
[PostCSS Attribute Case Insensitive] enables support for [Case Insensitive Attribute] matching in selectors.
610

@@ -35,7 +39,16 @@ postcss([
3539
]).process(YOUR_CSS /*, processOptions */);
3640
```
3741

42+
[PostCSS Attribute Case Insensitive] runs in all Node environments, with special
43+
instructions for:
3844

45+
- [Node](INSTALL.md#node)
46+
- [PostCSS CLI](INSTALL.md#postcss-cli)
47+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
48+
- [Webpack](INSTALL.md#webpack)
49+
- [Next.js](INSTALL.md#nextjs)
50+
- [Gulp](INSTALL.md#gulp)
51+
- [Grunt](INSTALL.md#grunt)
3952

4053
## Options
4154

‎plugins/postcss-browser-comments/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Browser Comments [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install postcss-browser-comments --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/postcss-browser-comments.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
4+
5+
```bash
6+
npm install postcss-browser-comments --save-dev
7+
```
48

59
[PostCSS Browser Comments] lets you keep only the CSS you need based on
610
comments and your [browserslist](https://github.com/browserslist/browserslist).
@@ -73,7 +77,16 @@ postcss([
7377
]).process(YOUR_CSS /*, processOptions */);
7478
```
7579

80+
[PostCSS Browser Comments] runs in all Node environments, with special
81+
instructions for:
7682

83+
- [Node](INSTALL.md#node)
84+
- [PostCSS CLI](INSTALL.md#postcss-cli)
85+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
86+
- [Webpack](INSTALL.md#webpack)
87+
- [Next.js](INSTALL.md#nextjs)
88+
- [Gulp](INSTALL.md#gulp)
89+
- [Grunt](INSTALL.md#grunt)
7790

7891
## Options
7992

‎plugins/postcss-cascade-layers/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Cascade Layers [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install @csstools/postcss-cascade-layers --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-cascade-layers.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/cascade-layers.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/cascade-layers.svg" height="20">][css-url]
4+
5+
```bash
6+
npm install @csstools/postcss-cascade-layers --save-dev
7+
```
48

59
[PostCSS Cascade Layers] lets you use `@layer` following the [Cascade Layers Specification]. For more information on layers, checkout [A Complete Guide to CSS Cascade Layers] by Miriam Suzanne.
610

@@ -104,7 +108,16 @@ postcss([
104108
]).process(YOUR_CSS /*, processOptions */);
105109
```
106110

111+
[PostCSS Cascade Layers] runs in all Node environments, with special
112+
instructions for:
107113

114+
- [Node](INSTALL.md#node)
115+
- [PostCSS CLI](INSTALL.md#postcss-cli)
116+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
117+
- [Webpack](INSTALL.md#webpack)
118+
- [Next.js](INSTALL.md#nextjs)
119+
- [Gulp](INSTALL.md#gulp)
120+
- [Grunt](INSTALL.md#grunt)
108121

109122
## Options
110123

‎plugins/postcss-color-hex-alpha/README.md‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# PostCSS Color Hex Alpha [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][PostCSS]
22

3-
`npm install postcss-color-hex-alpha --save-dev`
3+
[<img alt="npm version" src="https://img.shields.io/npm/v/postcss-color-hex-alpha.svg" height="20">][npm-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]<br><br>[<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/hexadecimal-alpha-notation.svg" height="20">][css-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/hexadecimal-alpha-notation.svg" height="20">][css-url]
4+
5+
```bash
6+
npm install postcss-color-hex-alpha --save-dev
7+
```
48

59
[PostCSS Color Hex Alpha] lets you use 4 & 8 character hex color notation in
610
CSS, following the [CSS Color Module] specification.
@@ -36,7 +40,16 @@ postcss([
3640
]).process(YOUR_CSS /*, processOptions */);
3741
```
3842

43+
[PostCSS Color Hex Alpha] runs in all Node environments, with special
44+
instructions for:
3945

46+
- [Node](INSTALL.md#node)
47+
- [PostCSS CLI](INSTALL.md#postcss-cli)
48+
- [PostCSS Load Config](INSTALL.md#postcss-load-config)
49+
- [Webpack](INSTALL.md#webpack)
50+
- [Next.js](INSTALL.md#nextjs)
51+
- [Gulp](INSTALL.md#gulp)
52+
- [Grunt](INSTALL.md#grunt)
4053

4154
## Options
4255

0 commit comments

Comments
 (0)