From b45c8b6b0e10696b9f55cca3ad2bf50400ace0df Mon Sep 17 00:00:00 2001 From: Antonio Laguna Date: Sat, 22 Jan 2022 20:41:40 +0100 Subject: [PATCH 1/2] Replacing all chat badges --- README.md | 5 ++--- cli/csstools-cli/README.md | 5 +++-- experimental/css-has-pseudo/README-BROWSER.md | 5 ++--- experimental/css-has-pseudo/README-POSTCSS.md | 5 ++--- experimental/css-has-pseudo/README.md | 5 ++--- plugin-packs/postcss-preset-env/README.md | 5 ++--- plugins/css-blank-pseudo/README-BROWSER.md | 5 ++--- plugins/css-blank-pseudo/README-POSTCSS.md | 5 ++--- plugins/css-blank-pseudo/README.md | 5 ++--- plugins/css-has-pseudo/README-BROWSER.md | 5 ++--- plugins/css-has-pseudo/README-POSTCSS.md | 5 ++--- plugins/css-has-pseudo/README.md | 5 ++--- plugins/css-prefers-color-scheme/README-BROWSER.md | 5 ++--- plugins/css-prefers-color-scheme/README-POSTCSS.md | 5 ++--- plugins/css-prefers-color-scheme/README.md | 5 ++--- plugins/postcss-color-functional-notation/README.md | 4 ++-- plugins/postcss-color-hex-alpha/README.md | 5 ++--- plugins/postcss-color-rebeccapurple/README.md | 4 ++-- plugins/postcss-custom-properties/README.md | 5 ++--- plugins/postcss-dir-pseudo-class/README.md | 5 ++--- plugins/postcss-double-position-gradients/README.md | 4 ++-- plugins/postcss-env-function/README.md | 4 ++-- plugins/postcss-focus-visible/README.md | 4 ++-- plugins/postcss-focus-within/README.md | 4 ++-- plugins/postcss-gap-properties/README.md | 5 ++--- plugins/postcss-hwb-function/README.md | 4 ++-- plugins/postcss-image-set-function/README.md | 5 ++--- plugins/postcss-is-pseudo-class/README.md | 5 ++--- plugins/postcss-lab-function/README.md | 4 ++-- plugins/postcss-logical/README.md | 5 ++--- plugins/postcss-nesting/README.md | 5 ++--- plugins/postcss-overflow-shorthand/README.md | 5 ++--- plugins/postcss-place/README.md | 4 ++-- plugins/postcss-pseudo-class-any-link/README.md | 5 ++--- 34 files changed, 69 insertions(+), 92 deletions(-) diff --git a/README.md b/README.md index e7edb3c31..00d81a759 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # PostCSS Plugins [PostCSS][postcss] [build status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS Plugins] contains tools and plugins for [PostCSS Preset Env]. @@ -11,8 +11,7 @@ browsers or runtime environments. [cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [PostCSS]: https://github.com/postcss/postcss [PostCSS Plugins]: https://github.com/csstools/postcss-plugins diff --git a/cli/csstools-cli/README.md b/cli/csstools-cli/README.md index 3219bc0ae..72a356780 100644 --- a/cli/csstools-cli/README.md +++ b/cli/csstools-cli/README.md @@ -2,7 +2,8 @@ [npm version][npm-url] [Build Status][cli-url] -[Support Chat][git-url] +[Discord][discord] + [CSSTools CLI] lets you run any plugin from [@csstools/postcss-plugins](https://github.com/csstools/postcss-plugins) from the command line. @@ -190,7 +191,7 @@ Output : [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/@csstools/csstools-cli [postcss]: https://github.com/postcss/postcss diff --git a/experimental/css-has-pseudo/README-BROWSER.md b/experimental/css-has-pseudo/README-BROWSER.md index ce27b95d6..619d9c33e 100644 --- a/experimental/css-has-pseudo/README-BROWSER.md +++ b/experimental/css-has-pseudo/README-BROWSER.md @@ -1,7 +1,7 @@ # EXPERIMENTAL : CSS Has Pseudo for Browsers [][EXPERIMENTAL CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] ⚠️ Experimental version of [CSS Has Pseudo](https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo) @@ -154,8 +154,7 @@ ECMA Script: - `String.prototype.replace` - `String.prototype.split` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/@csstools/css-has-pseudo-experimental.svg [npm-url]: https://www.npmjs.com/package/@csstools/css-has-pseudo-experimental diff --git a/experimental/css-has-pseudo/README-POSTCSS.md b/experimental/css-has-pseudo/README-POSTCSS.md index af8d718b7..4cb4d77c9 100644 --- a/experimental/css-has-pseudo/README-POSTCSS.md +++ b/experimental/css-has-pseudo/README-POSTCSS.md @@ -1,7 +1,7 @@ # EXPERIMENTAL : CSS Has Pseudo for PostCSS [][EXPERIMENTAL CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] ⚠️ Experimental version of [CSS Has Pseudo](https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo) @@ -163,8 +163,7 @@ plugins: [ ] ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/@csstools/css-has-pseudo-experimental.svg [npm-url]: https://www.npmjs.com/package/@csstools/css-has-pseudo-experimental diff --git a/experimental/css-has-pseudo/README.md b/experimental/css-has-pseudo/README.md index f852dd19e..d4ed79a33 100644 --- a/experimental/css-has-pseudo/README.md +++ b/experimental/css-has-pseudo/README.md @@ -1,7 +1,7 @@ # EXPERIMENTAL : CSS Has Pseudo [][EXPERIMENTAL CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] ⚠️ Experimental version of [CSS Has Pseudo](https://github.com/csstools/postcss-plugins/tree/main/plugins/css-has-pseudo) @@ -109,8 +109,7 @@ plugins: [ ] ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/@csstools/css-has-pseudo-experimental.svg [npm-url]: https://www.npmjs.com/package/@csstools/css-has-pseudo-experimental diff --git a/plugin-packs/postcss-preset-env/README.md b/plugin-packs/postcss-preset-env/README.md index 754325e3a..73f11ad90 100644 --- a/plugin-packs/postcss-preset-env/README.md +++ b/plugin-packs/postcss-preset-env/README.md @@ -2,7 +2,7 @@ [npm version][npm-url] [build status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS Preset Env] lets you convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted @@ -415,8 +415,7 @@ Note that manually enabling/disabling features via the "feature" option override [cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-preset-env.svg [npm-url]: https://www.npmjs.com/package/postcss-preset-env diff --git a/plugins/css-blank-pseudo/README-BROWSER.md b/plugins/css-blank-pseudo/README-BROWSER.md index 00539dac4..5bec8b999 100644 --- a/plugins/css-blank-pseudo/README-BROWSER.md +++ b/plugins/css-blank-pseudo/README-BROWSER.md @@ -1,7 +1,7 @@ # CSS Blank Pseudo for Browsers [][CSS Blank Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Blank Pseudo] lets you style form elements when they are empty, following the [Selectors Level 4] specification. @@ -72,8 +72,7 @@ ECMA Script: - `Array.prototype.forEach` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-blank-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-blank-pseudo diff --git a/plugins/css-blank-pseudo/README-POSTCSS.md b/plugins/css-blank-pseudo/README-POSTCSS.md index 727da0a54..0d0462ecb 100644 --- a/plugins/css-blank-pseudo/README-POSTCSS.md +++ b/plugins/css-blank-pseudo/README-POSTCSS.md @@ -1,7 +1,7 @@ # CSS Blank Pseudo for PostCSS [][CSS Blank Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Blank Pseudo] lets you style form elements when they are empty, following the [Selectors Level 4] specification. @@ -108,8 +108,7 @@ input:blank { } ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-blank-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-blank-pseudo diff --git a/plugins/css-blank-pseudo/README.md b/plugins/css-blank-pseudo/README.md index c650a1e7e..b1cf7fd52 100644 --- a/plugins/css-blank-pseudo/README.md +++ b/plugins/css-blank-pseudo/README.md @@ -1,7 +1,7 @@ # CSS Blank Pseudo [][CSS Blank Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Blank Pseudo] lets you style form elements when they are empty, following the [Selectors Level 4] specification. @@ -95,8 +95,7 @@ In browsers that do not support `:blank` natively the rule will be invalid. _currently no browsers support `:blank`_ -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-blank-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-blank-pseudo diff --git a/plugins/css-has-pseudo/README-BROWSER.md b/plugins/css-has-pseudo/README-BROWSER.md index 302cffbe1..3af212ef1 100644 --- a/plugins/css-has-pseudo/README-BROWSER.md +++ b/plugins/css-has-pseudo/README-BROWSER.md @@ -1,7 +1,7 @@ # CSS Has Pseudo for Browsers [][CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Has Pseudo] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification. @@ -59,8 +59,7 @@ ECMA Script: - `String.prototype.replace` - `String.prototype.split` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-has-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-has-pseudo diff --git a/plugins/css-has-pseudo/README-POSTCSS.md b/plugins/css-has-pseudo/README-POSTCSS.md index 795256647..e3aa0c192 100644 --- a/plugins/css-has-pseudo/README-POSTCSS.md +++ b/plugins/css-has-pseudo/README-POSTCSS.md @@ -1,7 +1,7 @@ # CSS Has Pseudo for PostCSS [][CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Has Pseudo] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification. @@ -82,8 +82,7 @@ body[\:has\(\:focus\)] { } ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-has-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-has-pseudo diff --git a/plugins/css-has-pseudo/README.md b/plugins/css-has-pseudo/README.md index 15a3ce999..0125e3fd5 100644 --- a/plugins/css-has-pseudo/README.md +++ b/plugins/css-has-pseudo/README.md @@ -1,7 +1,7 @@ # CSS Has Pseudo [][CSS Has Pseudo] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [CSS Has Pseudo] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification. @@ -96,8 +96,7 @@ elements otherwise matching `:has` natively. ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-has-pseudo.svg [npm-url]: https://www.npmjs.com/package/css-has-pseudo diff --git a/plugins/css-prefers-color-scheme/README-BROWSER.md b/plugins/css-prefers-color-scheme/README-BROWSER.md index a4d38cf57..4b504cf9c 100644 --- a/plugins/css-prefers-color-scheme/README-BROWSER.md +++ b/plugins/css-prefers-color-scheme/README-BROWSER.md @@ -1,7 +1,7 @@ # Prefers Color Scheme [][Prefers Color Scheme] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [Prefers Color Scheme] applies color schemes with fallbacks provided by the [Prefers Color Scheme PostCSS plugin](README-POSTCSS.md). @@ -88,8 +88,7 @@ ECMA Script: - `String.prototype.match` - `String.prototype.replace` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme diff --git a/plugins/css-prefers-color-scheme/README-POSTCSS.md b/plugins/css-prefers-color-scheme/README-POSTCSS.md index 878da96a0..56fb76de1 100644 --- a/plugins/css-prefers-color-scheme/README-POSTCSS.md +++ b/plugins/css-prefers-color-scheme/README-POSTCSS.md @@ -1,7 +1,7 @@ # Prefers Color Scheme [][Prefers Color Scheme] [![NPM Version][npm-img]][npm-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [Prefers Color Scheme] transforms `prefers-color-scheme` media queries into something all browsers understand. @@ -124,8 +124,7 @@ You are unsure : postcssPrefersColorScheme(); ``` -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme diff --git a/plugins/css-prefers-color-scheme/README.md b/plugins/css-prefers-color-scheme/README.md index 21bc33243..9ae464709 100644 --- a/plugins/css-prefers-color-scheme/README.md +++ b/plugins/css-prefers-color-scheme/README.md @@ -2,7 +2,7 @@ [![NPM Version][npm-img]][npm-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [Prefers Color Scheme] lets you use light and dark color schemes in all browsers, following the [Media Queries] specification. @@ -86,8 +86,7 @@ These are suffixed with a random large number. [cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme diff --git a/plugins/postcss-color-functional-notation/README.md b/plugins/postcss-color-functional-notation/README.md index 445477faf..5975259bf 100644 --- a/plugins/postcss-color-functional-notation/README.md +++ b/plugins/postcss-color-functional-notation/README.md @@ -3,7 +3,7 @@ [NPM Version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[Support Chat][git-url] +[Discord][discord] [PostCSS Color Functional Notation] lets you use space and slash separated color notation in CSS, following the [CSS Color] specification. @@ -85,7 +85,7 @@ postcssImageSetFunction({ preserve: true }) [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#color-functional-notation -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-color-functional-notation [CSS Color]: https://drafts.csswg.org/css-color/#ref-for-funcdef-rgb%E2%91%A1%E2%91%A0 diff --git a/plugins/postcss-color-hex-alpha/README.md b/plugins/postcss-color-hex-alpha/README.md index 3f2986a26..a6347ea0c 100755 --- a/plugins/postcss-color-hex-alpha/README.md +++ b/plugins/postcss-color-hex-alpha/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Color Hex Alpha] lets you use 4 & 8 character hex color notation in CSS, following the [CSS Color Module] specification. @@ -76,8 +76,7 @@ body { [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/hexadecimal-alpha-notation.svg [css-url]: https://cssdb.org/#hexadecimal-alpha-notation -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-color-hex-alpha.svg [npm-url]: https://www.npmjs.com/package/postcss-color-hex-alpha diff --git a/plugins/postcss-color-rebeccapurple/README.md b/plugins/postcss-color-rebeccapurple/README.md index d2982fa68..6c37510ed 100755 --- a/plugins/postcss-color-rebeccapurple/README.md +++ b/plugins/postcss-color-rebeccapurple/README.md @@ -3,7 +3,7 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[Support Chat][git-url] +[Discord][discord] [PostCSS RebeccaPurple] lets you use the `rebeccapurple` color keyword in CSS. @@ -76,7 +76,7 @@ postcssRebeccaPurple({ preserve: true }) [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#rebeccapurple-color -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-color-rebeccapurple [PostCSS]: https://github.com/postcss/postcss diff --git a/plugins/postcss-custom-properties/README.md b/plugins/postcss-custom-properties/README.md index 35e6c516c..099b7ddb8 100755 --- a/plugins/postcss-custom-properties/README.md +++ b/plugins/postcss-custom-properties/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Custom Properties] lets you use Custom Properties in CSS, following the [CSS Custom Properties] specification. @@ -191,8 +191,7 @@ See example exports written to [CSS](test/export-properties.css), [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/custom-properties.svg [css-url]: https://cssdb.org/#custom-properties -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-custom-properties.svg [npm-url]: https://www.npmjs.com/package/postcss-custom-properties diff --git a/plugins/postcss-dir-pseudo-class/README.md b/plugins/postcss-dir-pseudo-class/README.md index 0bf35e286..0afc88e1a 100644 --- a/plugins/postcss-dir-pseudo-class/README.md +++ b/plugins/postcss-dir-pseudo-class/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Dir Pseudo Class] lets you style by directionality using the `:dir()` pseudo-class in CSS, following the [Selectors] specification. @@ -154,8 +154,7 @@ article h3:dir(ltr) { [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/dir-pseudo-class.svg [css-url]: https://cssdb.org/#dir-pseudo-class -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-dir-pseudo-class.svg [npm-url]: https://www.npmjs.com/package/postcss-dir-pseudo-class diff --git a/plugins/postcss-double-position-gradients/README.md b/plugins/postcss-double-position-gradients/README.md index 1e6bdf914..24329b016 100644 --- a/plugins/postcss-double-position-gradients/README.md +++ b/plugins/postcss-double-position-gradients/README.md @@ -2,7 +2,7 @@ [NPM Version][npm-url] [CSS Standard Status][css-url] -[Support Chat][git-url] +[Discord][discord] [PostCSS Double Position Gradients] lets you use double-position gradients in CSS, following the [CSS Image Values and Replaced Content] specification. @@ -93,7 +93,7 @@ postcssDoublePositionGradients({ preserve: false }) ``` [css-url]: https://cssdb.org/#double-position-gradients -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-double-position-gradients [CSS Image Values and Replaced Content]: https://www.w3.org/TR/css-images-4/#color-stop-syntax diff --git a/plugins/postcss-env-function/README.md b/plugins/postcss-env-function/README.md index 9f2a7b596..dddfcbf7a 100644 --- a/plugins/postcss-env-function/README.md +++ b/plugins/postcss-env-function/README.md @@ -3,7 +3,7 @@ [NPM Version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[Support Chat][git-url] +[Discord][discord] [PostCSS Environment Variables] lets you use `env()` variables in CSS, following the [CSS Environment Variables] specification. @@ -131,7 +131,7 @@ Not all valid [declaration value names] are accepted. [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#environment-variables -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-env-function [CSS Environment Variables]: https://drafts.csswg.org/css-env-1/ diff --git a/plugins/postcss-focus-visible/README.md b/plugins/postcss-focus-visible/README.md index 57df8a1c0..22022bcf9 100644 --- a/plugins/postcss-focus-visible/README.md +++ b/plugins/postcss-focus-visible/README.md @@ -3,7 +3,7 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS Focus Visible] lets you use the `:focus-visible` pseudo-class in CSS, following the [Selectors Level 4 specification]. @@ -117,7 +117,7 @@ focusVisible({ replaceWith: '[focus-visible]' }); [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#focus-visible-pseudo-class -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-focus-visible [focus-visible polyfill]: https://github.com/WICG/focus-visible diff --git a/plugins/postcss-focus-within/README.md b/plugins/postcss-focus-within/README.md index f445dc3da..8fe6d8619 100644 --- a/plugins/postcss-focus-within/README.md +++ b/plugins/postcss-focus-within/README.md @@ -3,7 +3,7 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS Focus Within] lets you use the `:focus-within` pseudo-class in CSS, following the [Selectors Level 4 specification]. @@ -117,7 +117,7 @@ focusWithin({ replaceWith: '.focus-within' }); [css-url]: https://cssdb.org/#focus-within-pseudo-class [cli-url]: https://github.com/csstools/postcss-plugins/tree/main/postcss-focus-within/actions/workflows/test.yml?query=workflow/test -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-focus-within [focus-within polyfill]: https://github.com/jsxtools/focus-within diff --git a/plugins/postcss-gap-properties/README.md b/plugins/postcss-gap-properties/README.md index eaa3e7c19..8e186b9f4 100644 --- a/plugins/postcss-gap-properties/README.md +++ b/plugins/postcss-gap-properties/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Gap Properties] lets you use the `gap`, `column-gap`, and `row-gap` shorthand properties in CSS, following the [CSS Grid Layout] specification. @@ -68,8 +68,7 @@ remain in the CSS. By default, the original declaration is preserved. [css-url]: https://cssdb.org/#gap-properties [cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-gap-properties.svg [npm-url]: https://www.npmjs.com/package/postcss-gap-properties diff --git a/plugins/postcss-hwb-function/README.md b/plugins/postcss-hwb-function/README.md index d3539f3d1..57a4924d2 100644 --- a/plugins/postcss-hwb-function/README.md +++ b/plugins/postcss-hwb-function/README.md @@ -3,7 +3,7 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS HWB Function] lets you use `hwb` color functions in @@ -77,7 +77,7 @@ a { [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#hwb-function -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/@csstools/postcss-hwb-function [CSS Color]: https://drafts.csswg.org/css-color/#the-hwb-notation diff --git a/plugins/postcss-image-set-function/README.md b/plugins/postcss-image-set-function/README.md index f4ada1710..a7a16e2a3 100644 --- a/plugins/postcss-image-set-function/README.md +++ b/plugins/postcss-image-set-function/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS image-set() Function] lets you display resolution-dependent images using the `image-set()` function in CSS, following the [CSS Images] @@ -150,8 +150,7 @@ rather than wait for a larger, resolution-matching image to load. [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/image-set-function.svg [css-url]: https://cssdb.org/#image-set-function -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-image-set-function.svg [npm-url]: https://www.npmjs.com/package/postcss-image-set-function diff --git a/plugins/postcss-is-pseudo-class/README.md b/plugins/postcss-is-pseudo-class/README.md index d588bfa87..7a0b31f4c 100644 --- a/plugins/postcss-is-pseudo-class/README.md +++ b/plugins/postcss-is-pseudo-class/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [Build Status][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Is Pseudo Class] lets you use the `:is` pseudo class function, following the [CSS Selector] specification. @@ -226,8 +226,7 @@ We can detect and transform some cases but can't generalize them into a single s [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/is-pseudo-class.svg [css-url]: https://cssdb.org/#is-pseudo-class -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/@csstools/postcss-is-pseudo-class.svg [npm-url]: https://www.npmjs.com/package/@csstools/postcss-is-pseudo-class diff --git a/plugins/postcss-lab-function/README.md b/plugins/postcss-lab-function/README.md index 3c0986aae..4ef838ca5 100644 --- a/plugins/postcss-lab-function/README.md +++ b/plugins/postcss-lab-function/README.md @@ -3,7 +3,7 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[support chat][git-url] +[Discord][discord] [PostCSS Lab Function] lets you use `lab` and `lch` color functions in @@ -77,7 +77,7 @@ postcssLabFunction({ preserve: true }) [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#lab-function -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-lab-function [CSS Color]: https://drafts.csswg.org/css-color/#specifying-lab-lch diff --git a/plugins/postcss-logical/README.md b/plugins/postcss-logical/README.md index 5b87beeee..e445e35ee 100644 --- a/plugins/postcss-logical/README.md +++ b/plugins/postcss-logical/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Logical Properties and Values] lets you use logical, rather than physical, direction and dimension mappings in CSS, following the @@ -199,8 +199,7 @@ Currently `:dir(ltr)` doesn't have great browser support but this will improve o [css-url]: https://cssdb.org/#logical-properties-and-values [cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-logical.svg [npm-url]: https://www.npmjs.com/package/postcss-logical diff --git a/plugins/postcss-nesting/README.md b/plugins/postcss-nesting/README.md index 94c9d43aa..19c60d07e 100644 --- a/plugins/postcss-nesting/README.md +++ b/plugins/postcss-nesting/README.md @@ -2,7 +2,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Nesting] lets you nest style rules inside each other, following the [CSS Nesting] specification. If you want nested rules the same way [Sass] works @@ -180,8 +180,7 @@ interfere with PostCSS' plugin nature such as with `@mixin` [css-img]: https://cssdb.org/images/badges/nesting-rules.svg [css-url]: https://cssdb.org/#nesting-rules -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-nesting.svg [npm-url]: https://www.npmjs.com/package/postcss-nesting diff --git a/plugins/postcss-overflow-shorthand/README.md b/plugins/postcss-overflow-shorthand/README.md index e5383c19b..fed7d2539 100644 --- a/plugins/postcss-overflow-shorthand/README.md +++ b/plugins/postcss-overflow-shorthand/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Overflow Shorthand] lets you use the `overflow` shorthand in CSS, following the [CSS Overflow] specification. @@ -77,8 +77,7 @@ html { [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/overflow-property.svg [css-url]: https://cssdb.org/#overflow-property -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-overflow-shorthand.svg [npm-url]: https://www.npmjs.com/package/postcss-overflow-shorthand diff --git a/plugins/postcss-place/README.md b/plugins/postcss-place/README.md index a9287890b..87d74035d 100644 --- a/plugins/postcss-place/README.md +++ b/plugins/postcss-place/README.md @@ -3,7 +3,7 @@ [NPM Version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] -[Support Chat][git-url] +[Discord][discord] [PostCSS Place Properties] lets you use `place-*` properties as shorthands for `align-*` and `justify-*`, following the [CSS Box Alignment] specification. @@ -79,7 +79,7 @@ postcssPlace({ preserve: false }) [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-url]: https://cssdb.org/#place-properties -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-url]: https://www.npmjs.com/package/postcss-place [CSS Box Alignment]: https://www.w3.org/TR/css-align-3/#place-content diff --git a/plugins/postcss-pseudo-class-any-link/README.md b/plugins/postcss-pseudo-class-any-link/README.md index 8e12bfbc6..fe0ecb2ad 100644 --- a/plugins/postcss-pseudo-class-any-link/README.md +++ b/plugins/postcss-pseudo-class-any-link/README.md @@ -3,7 +3,7 @@ [![NPM Version][npm-img]][npm-url] [![CSS Standard Status][css-img]][css-url] [![Build Status][cli-img]][cli-url] -[![Support Chat][git-img]][git-url] +[Discord][discord] [PostCSS Pseudo Class Any Link] lets you `:any-link` pseudo-class in CSS, following the [Selectors] specification. @@ -113,8 +113,7 @@ nav :link > span, nav :visited > span, area[href] > span { [cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test [css-img]: https://cssdb.org/images/badges/any-link-pseudo-class.svg [css-url]: https://cssdb.org/#any-link-pseudo-class -[git-img]: https://img.shields.io/badge/support-chat-blue.svg -[git-url]: https://gitter.im/postcss/postcss +[discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-pseudo-class-any-link.svg [npm-url]: https://www.npmjs.com/package/postcss-pseudo-class-any-link From 010d385f4c6aefd9d1faf01c93f76b25a1a2442b Mon Sep 17 00:00:00 2001 From: Antonio Laguna Date: Sat, 22 Jan 2022 20:44:40 +0100 Subject: [PATCH 2/2] Adding package phobia #165 --- plugin-packs/postcss-preset-env/README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/plugin-packs/postcss-preset-env/README.md b/plugin-packs/postcss-preset-env/README.md index 73f11ad90..19518ba6e 100644 --- a/plugin-packs/postcss-preset-env/README.md +++ b/plugin-packs/postcss-preset-env/README.md @@ -2,6 +2,7 @@ [npm version][npm-url] [build status][cli-url] +[![install size][package-phobia-badge]][package-phobia] [Discord][discord] [PostCSS Preset Env] lets you convert modern CSS into something most browsers @@ -418,6 +419,8 @@ Note that manually enabling/disabling features via the "feature" option override [discord]: https://discord.gg/bUadyRwkJS [npm-img]: https://img.shields.io/npm/v/postcss-preset-env.svg [npm-url]: https://www.npmjs.com/package/postcss-preset-env +[package-phobia-badge]: https://packagephobia.com/badge?p=postcss-preset-env +[package-phobia]: https://packagephobia.com/result?p=postcss-preset-env [autoprefixer]: https://github.com/postcss/autoprefixer [browserslist]: https://github.com/browserslist/browserslist#readme