diff --git a/.github/bin/generate-docs/install-template.md b/.github/bin/generate-docs/install-template.md index 3a2549e4e..9c114daaa 100644 --- a/.github/bin/generate-docs/install-template.md +++ b/.github/bin/generate-docs/install-template.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + , [ "", { diff --git a/.github/bin/generate-docs/install.mjs b/.github/bin/generate-docs/install.mjs index 12fb5f8f0..1a70b83eb 100644 --- a/.github/bin/generate-docs/install.mjs +++ b/.github/bin/generate-docs/install.mjs @@ -11,4 +11,14 @@ installDoc = installDoc.replaceAll('', packageJSONInfo.csstoo installDoc = installDoc.replaceAll('', packageJSONInfo.name); installDoc = installDoc.replaceAll('', path.join(path.basename(path.dirname(process.cwd())), path.basename(process.cwd()))); +if (packageJSONInfo?.csstools?.assumesToProcessBundledCSS) { + installDoc = installDoc.replaceAll('', `⚠️ [${packageJSONInfo.csstools.humanReadableName}] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [\`postcss-import\`](https://www.npmjs.com/package/postcss-import) and \`@import\` statements is one way to make sure your CSS is bundled before it is processed by this plugin.\n`); + installDoc = installDoc.replaceAll('', `["postcss-import"]`); + // +} else { + // Just a filler so that formatting doesn't become too complex. + installDoc = installDoc.replaceAll('', ``); + installDoc = installDoc.replaceAll('', `// Other plugins`); +} + await fsp.writeFile('./INSTALL.md', installDoc); diff --git a/experimental/postcss-nesting/INSTALL.md b/experimental/postcss-nesting/INSTALL.md index fec76bc15..d581c8f0a 100644 --- a/experimental/postcss-nesting/INSTALL.md +++ b/experimental/postcss-nesting/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Nesting] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-nesting-experimental", { diff --git a/plugins/css-blank-pseudo/INSTALL.md b/plugins/css-blank-pseudo/INSTALL.md index 730e83148..222504d3a 100644 --- a/plugins/css-blank-pseudo/INSTALL.md +++ b/plugins/css-blank-pseudo/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Blank Pseudo] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "css-blank-pseudo", { diff --git a/plugins/css-has-pseudo/INSTALL.md b/plugins/css-has-pseudo/INSTALL.md index c97f1eb7c..a3b1fda11 100644 --- a/plugins/css-has-pseudo/INSTALL.md +++ b/plugins/css-has-pseudo/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Has Pseudo] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "css-has-pseudo", { diff --git a/plugins/css-prefers-color-scheme/INSTALL.md b/plugins/css-prefers-color-scheme/INSTALL.md index 1e5cd7311..2c4b182a7 100644 --- a/plugins/css-prefers-color-scheme/INSTALL.md +++ b/plugins/css-prefers-color-scheme/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [Prefers Color Scheme] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "css-prefers-color-scheme", { diff --git a/plugins/postcss-attribute-case-insensitive/INSTALL.md b/plugins/postcss-attribute-case-insensitive/INSTALL.md index fafaaee76..9cfaf93de 100644 --- a/plugins/postcss-attribute-case-insensitive/INSTALL.md +++ b/plugins/postcss-attribute-case-insensitive/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Attribute Case Insensitive] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-attribute-case-insensitive", { diff --git a/plugins/postcss-base-plugin/INSTALL.md b/plugins/postcss-base-plugin/INSTALL.md index db0888316..17c27531a 100644 --- a/plugins/postcss-base-plugin/INSTALL.md +++ b/plugins/postcss-base-plugin/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Base Plugin] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-base-plugin", { diff --git a/plugins/postcss-cascade-layers/INSTALL.md b/plugins/postcss-cascade-layers/INSTALL.md index 0cc9d4939..83cfd4fc5 100644 --- a/plugins/postcss-cascade-layers/INSTALL.md +++ b/plugins/postcss-cascade-layers/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Cascade Layers] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Cascade Layers] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "@csstools/postcss-cascade-layers", { diff --git a/plugins/postcss-cascade-layers/package.json b/plugins/postcss-cascade-layers/package.json index f87fddea3..b8c9874cb 100644 --- a/plugins/postcss-cascade-layers/package.json +++ b/plugins/postcss-cascade-layers/package.json @@ -86,6 +86,7 @@ "specificity" ], "csstools": { + "assumesToProcessBundledCSS": true, "cssdbId": "cascade-layers", "exportName": "postcssCascadeLayers", "humanReadableName": "PostCSS Cascade Layers", diff --git a/plugins/postcss-color-function/INSTALL.md b/plugins/postcss-color-function/INSTALL.md index 0ec092148..9efa78c8f 100644 --- a/plugins/postcss-color-function/INSTALL.md +++ b/plugins/postcss-color-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Color Function] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-color-function", { diff --git a/plugins/postcss-color-functional-notation/INSTALL.md b/plugins/postcss-color-functional-notation/INSTALL.md index 945b99454..6bdbc26c1 100644 --- a/plugins/postcss-color-functional-notation/INSTALL.md +++ b/plugins/postcss-color-functional-notation/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Color Functional Notation] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-color-functional-notation", { diff --git a/plugins/postcss-color-hex-alpha/INSTALL.md b/plugins/postcss-color-hex-alpha/INSTALL.md index 76a43cbe1..9b3f77526 100644 --- a/plugins/postcss-color-hex-alpha/INSTALL.md +++ b/plugins/postcss-color-hex-alpha/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Color Hex Alpha] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-color-hex-alpha", { diff --git a/plugins/postcss-color-rebeccapurple/INSTALL.md b/plugins/postcss-color-rebeccapurple/INSTALL.md index 514c28597..2362f5ddd 100644 --- a/plugins/postcss-color-rebeccapurple/INSTALL.md +++ b/plugins/postcss-color-rebeccapurple/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS RebeccaPurple] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-color-rebeccapurple", { diff --git a/plugins/postcss-conditional-values/INSTALL.md b/plugins/postcss-conditional-values/INSTALL.md index f6d1889a8..10be94481 100644 --- a/plugins/postcss-conditional-values/INSTALL.md +++ b/plugins/postcss-conditional-values/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Conditional Values] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Conditional Values] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "@csstools/postcss-conditional-values", { diff --git a/plugins/postcss-conditional-values/package.json b/plugins/postcss-conditional-values/package.json index 3ac05e3d2..26c86ec69 100644 --- a/plugins/postcss-conditional-values/package.json +++ b/plugins/postcss-conditional-values/package.json @@ -66,6 +66,7 @@ "postcss-plugin" ], "csstools": { + "assumesToProcessBundledCSS": true, "exportName": "postcssConditionalValues", "humanReadableName": "PostCSS Conditional Values" }, diff --git a/plugins/postcss-custom-media/INSTALL.md b/plugins/postcss-custom-media/INSTALL.md index 6dc5f2033..b05d20d2e 100644 --- a/plugins/postcss-custom-media/INSTALL.md +++ b/plugins/postcss-custom-media/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Custom Media] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Custom Media] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "postcss-custom-media", { diff --git a/plugins/postcss-custom-media/package.json b/plugins/postcss-custom-media/package.json index 77a9bce14..759e9cf7e 100644 --- a/plugins/postcss-custom-media/package.json +++ b/plugins/postcss-custom-media/package.json @@ -86,6 +86,7 @@ "w3c" ], "csstools": { + "assumesToProcessBundledCSS": true, "cssdbId": "custom-media-queries", "exportName": "postcssCustomMedia", "humanReadableName": "PostCSS Custom Media", diff --git a/plugins/postcss-custom-properties/INSTALL.md b/plugins/postcss-custom-properties/INSTALL.md index 1c1e17847..dbdb1097e 100644 --- a/plugins/postcss-custom-properties/INSTALL.md +++ b/plugins/postcss-custom-properties/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Custom Properties] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Custom Properties] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "postcss-custom-properties", { diff --git a/plugins/postcss-custom-properties/package.json b/plugins/postcss-custom-properties/package.json index 82951fac6..9827971ca 100644 --- a/plugins/postcss-custom-properties/package.json +++ b/plugins/postcss-custom-properties/package.json @@ -73,6 +73,7 @@ "w3c" ], "csstools": { + "assumesToProcessBundledCSS": true, "cssdbId": "custom-properties", "exportName": "postcssCustomProperties", "humanReadableName": "PostCSS Custom Properties", diff --git a/plugins/postcss-custom-selectors/INSTALL.md b/plugins/postcss-custom-selectors/INSTALL.md index a1b06f940..0cb3e1eeb 100644 --- a/plugins/postcss-custom-selectors/INSTALL.md +++ b/plugins/postcss-custom-selectors/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Custom Selectors] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Custom Selectors] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "postcss-custom-selectors", { diff --git a/plugins/postcss-custom-selectors/package.json b/plugins/postcss-custom-selectors/package.json index f58b8b3e9..7b305a6ce 100644 --- a/plugins/postcss-custom-selectors/package.json +++ b/plugins/postcss-custom-selectors/package.json @@ -88,6 +88,7 @@ "w3c" ], "csstools": { + "assumesToProcessBundledCSS": true, "cssdbId": "custom-selectors", "exportName": "postcssCustomSelectors", "humanReadableName": "PostCSS Custom Selectors", diff --git a/plugins/postcss-design-tokens/INSTALL.md b/plugins/postcss-design-tokens/INSTALL.md index 8a723c9f5..71e75fa6e 100644 --- a/plugins/postcss-design-tokens/INSTALL.md +++ b/plugins/postcss-design-tokens/INSTALL.md @@ -11,6 +11,9 @@ - [Gulp](#gulp) - [Grunt](#grunt) +⚠️ [PostCSS Design Tokens] assumes to process your complete CSS bundle.
If your build tool processes files individually or in parallel the output will be incorrect.
Using [`postcss-import`](https://www.npmjs.com/package/postcss-import) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + + ## Node Add [PostCSS Design Tokens] to your project: @@ -122,6 +125,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + ["postcss-import"], [ "@csstools/postcss-design-tokens", { diff --git a/plugins/postcss-design-tokens/package.json b/plugins/postcss-design-tokens/package.json index e7bb182f1..3a84fa3d7 100644 --- a/plugins/postcss-design-tokens/package.json +++ b/plugins/postcss-design-tokens/package.json @@ -73,6 +73,7 @@ "postcss-plugin" ], "csstools": { + "assumesToProcessBundledCSS": true, "exportName": "postcssDesignTokens", "humanReadableName": "PostCSS Design Tokens" }, diff --git a/plugins/postcss-dir-pseudo-class/INSTALL.md b/plugins/postcss-dir-pseudo-class/INSTALL.md index 5eeb42e1a..8ea320c1e 100644 --- a/plugins/postcss-dir-pseudo-class/INSTALL.md +++ b/plugins/postcss-dir-pseudo-class/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Dir Pseudo Class] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-dir-pseudo-class", { diff --git a/plugins/postcss-double-position-gradients/INSTALL.md b/plugins/postcss-double-position-gradients/INSTALL.md index bb701a483..158f018b1 100644 --- a/plugins/postcss-double-position-gradients/INSTALL.md +++ b/plugins/postcss-double-position-gradients/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Double Position Gradients] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-double-position-gradients", { diff --git a/plugins/postcss-env-function/INSTALL.md b/plugins/postcss-env-function/INSTALL.md index 940836ad9..0e54f2d01 100644 --- a/plugins/postcss-env-function/INSTALL.md +++ b/plugins/postcss-env-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Environment Variables] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-env-function", { diff --git a/plugins/postcss-extract/INSTALL.md b/plugins/postcss-extract/INSTALL.md index 463285a7d..eea052e85 100644 --- a/plugins/postcss-extract/INSTALL.md +++ b/plugins/postcss-extract/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Extract] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-extract", { diff --git a/plugins/postcss-focus-visible/INSTALL.md b/plugins/postcss-focus-visible/INSTALL.md index 7de58e9cd..63a202fa2 100644 --- a/plugins/postcss-focus-visible/INSTALL.md +++ b/plugins/postcss-focus-visible/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Focus Visible] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-focus-visible", { diff --git a/plugins/postcss-focus-within/INSTALL.md b/plugins/postcss-focus-within/INSTALL.md index 2c3dc2c8e..2bcf628e7 100644 --- a/plugins/postcss-focus-within/INSTALL.md +++ b/plugins/postcss-focus-within/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Focus Within] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-focus-within", { diff --git a/plugins/postcss-font-format-keywords/INSTALL.md b/plugins/postcss-font-format-keywords/INSTALL.md index 10c63d0f4..988b7de22 100644 --- a/plugins/postcss-font-format-keywords/INSTALL.md +++ b/plugins/postcss-font-format-keywords/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Font Format Keywords] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-font-format-keywords", { diff --git a/plugins/postcss-gap-properties/INSTALL.md b/plugins/postcss-gap-properties/INSTALL.md index a9a947f96..f6795dd28 100644 --- a/plugins/postcss-gap-properties/INSTALL.md +++ b/plugins/postcss-gap-properties/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Gap Properties] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-gap-properties", { diff --git a/plugins/postcss-gradients-interpolation-method/INSTALL.md b/plugins/postcss-gradients-interpolation-method/INSTALL.md index 4eb621063..43dfa3f90 100644 --- a/plugins/postcss-gradients-interpolation-method/INSTALL.md +++ b/plugins/postcss-gradients-interpolation-method/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Gradients Interpolation Method] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-gradients-interpolation-method", { diff --git a/plugins/postcss-hwb-function/INSTALL.md b/plugins/postcss-hwb-function/INSTALL.md index 5181b8dd7..ce7dd2d8c 100644 --- a/plugins/postcss-hwb-function/INSTALL.md +++ b/plugins/postcss-hwb-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS HWB Function] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-hwb-function", { diff --git a/plugins/postcss-ic-unit/INSTALL.md b/plugins/postcss-ic-unit/INSTALL.md index cbfe2e892..191c7a7e7 100644 --- a/plugins/postcss-ic-unit/INSTALL.md +++ b/plugins/postcss-ic-unit/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS IC Unit] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-ic-unit", { diff --git a/plugins/postcss-image-set-function/INSTALL.md b/plugins/postcss-image-set-function/INSTALL.md index 54718f948..252bea906 100644 --- a/plugins/postcss-image-set-function/INSTALL.md +++ b/plugins/postcss-image-set-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS image-set() Function] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-image-set-function", { diff --git a/plugins/postcss-is-pseudo-class/INSTALL.md b/plugins/postcss-is-pseudo-class/INSTALL.md index 8cf0e3ed7..1c5cbbd2f 100644 --- a/plugins/postcss-is-pseudo-class/INSTALL.md +++ b/plugins/postcss-is-pseudo-class/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Is Pseudo] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-is-pseudo-class", { diff --git a/plugins/postcss-lab-function/INSTALL.md b/plugins/postcss-lab-function/INSTALL.md index 74945cfac..e8efbed71 100644 --- a/plugins/postcss-lab-function/INSTALL.md +++ b/plugins/postcss-lab-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Lab Function] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-lab-function", { diff --git a/plugins/postcss-logical/INSTALL.md b/plugins/postcss-logical/INSTALL.md index d48920d9a..5770bd275 100644 --- a/plugins/postcss-logical/INSTALL.md +++ b/plugins/postcss-logical/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Logical Properties and Values] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-logical", { diff --git a/plugins/postcss-media-queries-aspect-ratio-number-values/INSTALL.md b/plugins/postcss-media-queries-aspect-ratio-number-values/INSTALL.md index 11059d150..109d6a9f5 100644 --- a/plugins/postcss-media-queries-aspect-ratio-number-values/INSTALL.md +++ b/plugins/postcss-media-queries-aspect-ratio-number-values/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Media Queries Aspect-Ratio Number Values] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-media-queries-aspect-ratio-number-values", { diff --git a/plugins/postcss-nested-calc/INSTALL.md b/plugins/postcss-nested-calc/INSTALL.md index 477edaca5..b83a8bc6d 100644 --- a/plugins/postcss-nested-calc/INSTALL.md +++ b/plugins/postcss-nested-calc/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Nested Calc] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-nested-calc", { diff --git a/plugins/postcss-nesting/INSTALL.md b/plugins/postcss-nesting/INSTALL.md index 5925dd0df..c5e3c5720 100644 --- a/plugins/postcss-nesting/INSTALL.md +++ b/plugins/postcss-nesting/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Nesting] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-nesting", { diff --git a/plugins/postcss-normalize-display-values/INSTALL.md b/plugins/postcss-normalize-display-values/INSTALL.md index da8da12d4..876260470 100644 --- a/plugins/postcss-normalize-display-values/INSTALL.md +++ b/plugins/postcss-normalize-display-values/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Normalize Display Values] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-normalize-display-values", { diff --git a/plugins/postcss-oklab-function/INSTALL.md b/plugins/postcss-oklab-function/INSTALL.md index 706ddce36..8dfaf4c15 100644 --- a/plugins/postcss-oklab-function/INSTALL.md +++ b/plugins/postcss-oklab-function/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS OKLab Function] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-oklab-function", { diff --git a/plugins/postcss-overflow-shorthand/INSTALL.md b/plugins/postcss-overflow-shorthand/INSTALL.md index bd8cf18a2..723f44c4b 100644 --- a/plugins/postcss-overflow-shorthand/INSTALL.md +++ b/plugins/postcss-overflow-shorthand/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Overflow Shorthand] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-overflow-shorthand", { diff --git a/plugins/postcss-place/INSTALL.md b/plugins/postcss-place/INSTALL.md index e13c66417..f66a543b0 100644 --- a/plugins/postcss-place/INSTALL.md +++ b/plugins/postcss-place/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Place Properties] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-place", { diff --git a/plugins/postcss-progressive-custom-properties/INSTALL.md b/plugins/postcss-progressive-custom-properties/INSTALL.md index 47b4efc41..05a85aa92 100644 --- a/plugins/postcss-progressive-custom-properties/INSTALL.md +++ b/plugins/postcss-progressive-custom-properties/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Progressive Custom Properties] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-progressive-custom-properties", { diff --git a/plugins/postcss-pseudo-class-any-link/INSTALL.md b/plugins/postcss-pseudo-class-any-link/INSTALL.md index 3959f2530..23993b165 100644 --- a/plugins/postcss-pseudo-class-any-link/INSTALL.md +++ b/plugins/postcss-pseudo-class-any-link/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Pseudo Class Any Link] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-pseudo-class-any-link", { diff --git a/plugins/postcss-scope-pseudo-class/INSTALL.md b/plugins/postcss-scope-pseudo-class/INSTALL.md index ff4d0d980..59fcbfdbc 100644 --- a/plugins/postcss-scope-pseudo-class/INSTALL.md +++ b/plugins/postcss-scope-pseudo-class/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Scope Pseudo Class] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-scope-pseudo-class", { diff --git a/plugins/postcss-selector-not/INSTALL.md b/plugins/postcss-selector-not/INSTALL.md index 13dcfabf0..8a9049c6c 100644 --- a/plugins/postcss-selector-not/INSTALL.md +++ b/plugins/postcss-selector-not/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Selector Not] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "postcss-selector-not", { diff --git a/plugins/postcss-stepped-value-functions/INSTALL.md b/plugins/postcss-stepped-value-functions/INSTALL.md index c363e56ff..31ccbd266 100644 --- a/plugins/postcss-stepped-value-functions/INSTALL.md +++ b/plugins/postcss-stepped-value-functions/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Stepped Value Functions] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-stepped-value-functions", { diff --git a/plugins/postcss-text-decoration-shorthand/INSTALL.md b/plugins/postcss-text-decoration-shorthand/INSTALL.md index 676838d01..8a5e152bd 100644 --- a/plugins/postcss-text-decoration-shorthand/INSTALL.md +++ b/plugins/postcss-text-decoration-shorthand/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Text Decoration Shorthand] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-text-decoration-shorthand", { diff --git a/plugins/postcss-trigonometric-functions/INSTALL.md b/plugins/postcss-trigonometric-functions/INSTALL.md index d9f85d993..f2f757af3 100644 --- a/plugins/postcss-trigonometric-functions/INSTALL.md +++ b/plugins/postcss-trigonometric-functions/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Trigonometric Functions] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-trigonometric-functions", { diff --git a/plugins/postcss-unset-value/INSTALL.md b/plugins/postcss-unset-value/INSTALL.md index 202a1a4bd..08879a6a5 100644 --- a/plugins/postcss-unset-value/INSTALL.md +++ b/plugins/postcss-unset-value/INSTALL.md @@ -11,6 +11,8 @@ - [Gulp](#gulp) - [Grunt](#grunt) + + ## Node Add [PostCSS Unset Value] to your project: @@ -122,6 +124,7 @@ module.exports = { options: { postcssOptions: { plugins: [ + // Other plugins, [ "@csstools/postcss-unset-value", {