diff --git a/plugins/css-blank-pseudo/README.md b/plugins/css-blank-pseudo/README.md index 4c6409a38..687a9c04d 100644 --- a/plugins/css-blank-pseudo/README.md +++ b/plugins/css-blank-pseudo/README.md @@ -5,6 +5,10 @@ [PostCSS Blank Pseudo] lets you style form elements when they are empty, following the [Selectors Level 4] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss input:blank { background-color: yellow; diff --git a/plugins/css-blank-pseudo/docs/README.md b/plugins/css-blank-pseudo/docs/README.md index 0368faecb..43cf1e387 100644 --- a/plugins/css-blank-pseudo/docs/README.md +++ b/plugins/css-blank-pseudo/docs/README.md @@ -19,6 +19,10 @@ [] lets you style form elements when they are empty, following the [Selectors Level 4] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss diff --git a/plugins/css-has-pseudo/README.md b/plugins/css-has-pseudo/README.md index fa762b405..e2a50e0d1 100644 --- a/plugins/css-has-pseudo/README.md +++ b/plugins/css-has-pseudo/README.md @@ -4,6 +4,10 @@ [PostCSS Has Pseudo] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss .title:has(+ p) { margin-bottom: 1.5rem; diff --git a/plugins/css-has-pseudo/docs/README.md b/plugins/css-has-pseudo/docs/README.md index 8a5e73782..e4092b9de 100644 --- a/plugins/css-has-pseudo/docs/README.md +++ b/plugins/css-has-pseudo/docs/README.md @@ -18,6 +18,10 @@ [] lets you style elements relative to other elements in CSS, following the [Selectors Level 4] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss diff --git a/plugins/css-prefers-color-scheme/README.md b/plugins/css-prefers-color-scheme/README.md index ec078b9de..3ff52a034 100644 --- a/plugins/css-prefers-color-scheme/README.md +++ b/plugins/css-prefers-color-scheme/README.md @@ -4,6 +4,10 @@ [Prefers Color Scheme] lets you use light and dark color schemes in all browsers, following the [Media Queries] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the media queries +- add the [browser polyfill](#browser) that triggers specific queries in a browser + ```pcss @media (prefers-color-scheme: dark) { :root { diff --git a/plugins/css-prefers-color-scheme/docs/README.md b/plugins/css-prefers-color-scheme/docs/README.md index b36961e71..7ab69df5d 100644 --- a/plugins/css-prefers-color-scheme/docs/README.md +++ b/plugins/css-prefers-color-scheme/docs/README.md @@ -18,6 +18,10 @@ [] lets you use light and dark color schemes in all browsers, following the [Media Queries] specification. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the media queries +- add the [browser polyfill](#browser) that triggers specific queries in a browser + ```pcss diff --git a/plugins/postcss-focus-visible/README.md b/plugins/postcss-focus-visible/README.md index 277a8f540..f6a980d61 100644 --- a/plugins/postcss-focus-visible/README.md +++ b/plugins/postcss-focus-visible/README.md @@ -5,9 +5,9 @@ [PostCSS Focus Visible] lets you use the `:focus-visible` pseudo-class in CSS, following the [Selectors Level 4 specification]. -It is the companion to the [focus-visible polyfill]. Note that this plugin -alone **is not** sufficient to polyfill for `:focus-visible` and that you need -the browser's polyfill as well. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [focus-visible polyfill] that sets the attribute or class on elements in a browser [!['Can I use' table](https://caniuse.bitsofco.de/image/css-focus-visible.png)](https://caniuse.com/#feat=css-focus-visible) diff --git a/plugins/postcss-focus-visible/docs/README.md b/plugins/postcss-focus-visible/docs/README.md index 3d786f967..8e77cb07d 100644 --- a/plugins/postcss-focus-visible/docs/README.md +++ b/plugins/postcss-focus-visible/docs/README.md @@ -19,9 +19,9 @@ [] lets you use the `:focus-visible` pseudo-class in CSS, following the [Selectors Level 4 specification]. -It is the companion to the [focus-visible polyfill]. Note that this plugin -alone **is not** sufficient to polyfill for `:focus-visible` and that you need -the browser's polyfill as well. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [focus-visible polyfill] that sets the attribute or class on elements in a browser [!['Can I use' table](https://caniuse.bitsofco.de/image/css-focus-visible.png)](https://caniuse.com/#feat=css-focus-visible) diff --git a/plugins/postcss-focus-within/README.md b/plugins/postcss-focus-within/README.md index 6fd66b761..e1466ed5a 100644 --- a/plugins/postcss-focus-within/README.md +++ b/plugins/postcss-focus-within/README.md @@ -5,6 +5,10 @@ [PostCSS Focus Within] lets you use the `:focus-within` pseudo-class in CSS, following the [Selectors Level 4 specification]. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss .my-form-field:focus-within label { background-color: yellow; diff --git a/plugins/postcss-focus-within/docs/README.md b/plugins/postcss-focus-within/docs/README.md index 8b5dd8223..81ae5d310 100644 --- a/plugins/postcss-focus-within/docs/README.md +++ b/plugins/postcss-focus-within/docs/README.md @@ -19,6 +19,10 @@ [] lets you use the `:focus-within` pseudo-class in CSS, following the [Selectors Level 4 specification]. +To use this feature you need to do two things : +- add the [PostCSS plugin](#usage) that transforms the selector into a class or attribute +- add the [browser polyfill](#browser) that sets the attribute or class on elements in a browser + ```pcss