diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-12-21 22:46:53 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-12-21 22:46:53 +0800 |
| commit | f06956efd2dc4bf77244a9fcce2b883a00b925af (patch) | |
| tree | 0123cb73ce67f1f4b17e1d6cbabff076ee44e31b /node_modules/@csstools/postcss-cascade-layers/README.md | |
| parent | 8d980c13970c15b6d2312b6fc4ac51698dd0d220 (diff) | |
updated node modules
Diffstat (limited to 'node_modules/@csstools/postcss-cascade-layers/README.md')
| -rw-r--r-- | node_modules/@csstools/postcss-cascade-layers/README.md | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/node_modules/@csstools/postcss-cascade-layers/README.md b/node_modules/@csstools/postcss-cascade-layers/README.md index 0bbceb7c..af14b6c8 100644 --- a/node_modules/@csstools/postcss-cascade-layers/README.md +++ b/node_modules/@csstools/postcss-cascade-layers/README.md @@ -2,6 +2,10 @@ [<img alt="npm version" src="https://img.shields.io/npm/v/@csstools/postcss-cascade-layers.svg" height="20">][npm-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/cascade-layers.svg" height="20">][css-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] +```bash +npm install @csstools/postcss-cascade-layers --save-dev +``` + [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. ```pcss @@ -81,8 +85,9 @@ And layers have enough room internally so that each selector works and overrides More layers with more specificity will cause longer `:not(...)` selectors to be generated. -⚠️ For this to work the plugin needs to analyze your entire stylesheet at once.<br> -If you have different assets that are unaware of each other it will not work correctly as the analysis will be incorrect. +> [!IMPORTANT] +> [PostCSS Cascade Layers] assumes to process your complete CSS bundle.<br>If your build tool processes files individually or processes files in parallel the output will be incorrect.<br>Using [`@csstools/postcss-bundler`](https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-bundler) and `@import` statements is one way to make sure your CSS is bundled before it is processed by this plugin. + ## Usage |
