@oardi/css-utils 0.69.0 → 0.70.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oardi/css-utils",
-	"version": "0.69.0",
+	"version": "0.70.0",
 	"author": "Ardian Shala",
 	"homepage": "https://css-utils.oardi.com",
 	"description": "Powerful set of semantic css classes with support for breakpoints, directions and spacings",

package/readme.md

@@ -25,29 +25,16 @@ CSS Utils provides utility classes, responsive helpers and reusable component st
 npm i @oardi/css-utils
 ```
 
-### Create a layer order
-
-To ensure correct cascade layer ordering, create a `layers.scss` file:
-
-```scss
-@layer reset, base, components, utilities;
-```
-
-Import it before the library styles:
-
-```scss
-@use 'layers.scss';
-// ...
-```
-
 ### Import the library
 
-Import the full library with all utilities, responsive helpers and component styles:
+Load the full library once in your global stylesheet:
 
 ```scss
 @use '@oardi/css-utils/scss/index.scss';
 ```
 
+CSS Utils includes its cascade order automatically: `reset`, `base`, `components`, then `utilities`. This lets utility classes adjust component styles without additional setup.
+
 ## Usage
 
 ### Utility classes

package/scss/index.scss

@@ -1,3 +1,4 @@
+@forward './layers.scss';
 @forward './reboot.scss';
 @forward './theme.scss';
 @forward './variables.scss';

package/scss/layers.scss

@@ -0,0 +1 @@
+@layer reset, base, components, utilities;