From f06956efd2dc4bf77244a9fcce2b883a00b925af Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Thu, 21 Dec 2023 22:46:53 +0800 Subject: updated node modules --- node_modules/@csstools/postcss-cascade-layers/README.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'node_modules/@csstools/postcss-cascade-layers/README.md') 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 @@ [npm version][npm-url] [CSS Standard Status][css-url] [Build Status][cli-url] [Discord][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.
-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.
If your build tool processes files individually or processes files in parallel the output will be incorrect.
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 -- cgit v1.2.3