sangam-ui 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -90,13 +90,14 @@ Follow these steps after **React + TypeSCript** Project Setup to wire `sangam-ui
|
|
|
90
90
|
|
|
91
91
|
### 5.1 Configure PostCSS — order matters
|
|
92
92
|
|
|
93
|
-
|
|
93
|
+
> [!IMPORTANT]
|
|
94
|
+
> At your **project root**, create a `postcss.config.cjs` file. The `postcss-import` plugin **must come first** — if the order is wrong, Tailwind will error with _"@import must precede all other statements"_ or _"@layer base used but no matching @tailwind base directive"_.
|
|
94
95
|
|
|
95
96
|
```js
|
|
96
97
|
// postcss.config.cjs
|
|
97
98
|
module.exports = {
|
|
98
99
|
plugins: {
|
|
99
|
-
"postcss-import": {}, //
|
|
100
|
+
"postcss-import": {}, // MUST be first: inlines @import before Tailwind sees the file
|
|
100
101
|
tailwindcss: {},
|
|
101
102
|
autoprefixer: {},
|
|
102
103
|
},
|
|
@@ -105,7 +106,8 @@ module.exports = {
|
|
|
105
106
|
|
|
106
107
|
### 5.2 Configure Tailwind — use the Sangam preset
|
|
107
108
|
|
|
108
|
-
|
|
109
|
+
> [!IMPORTANT]
|
|
110
|
+
> At your **project root**, Always spread `...sangamTailwind` and extend its `content` array — **never replace it**. Replacing it strips the Sangam theme (colors, spacing, radii, shadows, darkMode) and component class paths, causing broken styles.
|
|
109
111
|
|
|
110
112
|
```js
|
|
111
113
|
// tailwind.config.cjs
|