postcss-clampwind 0.0.4 → 0.0.5
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 +18 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -28,6 +28,21 @@ Install the plugin from npm:
|
|
|
28
28
|
```sh
|
|
29
29
|
npm install -D postcss-clampwind
|
|
30
30
|
```
|
|
31
|
+
### Vite project setup
|
|
32
|
+
|
|
33
|
+
If you are using Vite, you are probably using Tailwind with `@tailwindcss/vite`. You need to import the plugin and use it in your `postcss.config.js` file.
|
|
34
|
+
|
|
35
|
+
```js
|
|
36
|
+
// postcss.config.js
|
|
37
|
+
import clampwind from "postcss-clampwind";
|
|
38
|
+
|
|
39
|
+
export default {
|
|
40
|
+
plugins: [
|
|
41
|
+
clampwind()
|
|
42
|
+
]
|
|
43
|
+
};
|
|
44
|
+
```
|
|
45
|
+
**Demo on StackBlitz:** [postcss-clampwind-vite](https://stackblitz.com/edit/postcss-clampwind-vite?file=postcss.config.js)
|
|
31
46
|
|
|
32
47
|
### PostCSS setup
|
|
33
48
|
|
|
@@ -46,6 +61,8 @@ export default {
|
|
|
46
61
|
}
|
|
47
62
|
```
|
|
48
63
|
|
|
64
|
+
**Demo on StackBlitz:** [postcss-clampwind-postcss](https://stackblitz.com/edit/postcss-clampwind-postcss?file=postcss.config.mjs)
|
|
65
|
+
|
|
49
66
|
#### CommonJS usage
|
|
50
67
|
|
|
51
68
|
If you are using CommonJS-based build tools like Webpack, you will need to use the `require` syntax and add `.default` to the import.
|
|
@@ -60,21 +77,6 @@ module.exports = {
|
|
|
60
77
|
};
|
|
61
78
|
```
|
|
62
79
|
|
|
63
|
-
### Vite project setup
|
|
64
|
-
|
|
65
|
-
If you are using Vite, you are probably using Tailwind with `@tailwindcss/vite`. You need to import the plugin and use it in your `postcss.config.js` file.
|
|
66
|
-
|
|
67
|
-
```js
|
|
68
|
-
// postcss.config.js
|
|
69
|
-
import clampwind from "postcss-clampwind";
|
|
70
|
-
|
|
71
|
-
export default {
|
|
72
|
-
plugins: [
|
|
73
|
-
clampwind()
|
|
74
|
-
]
|
|
75
|
-
};
|
|
76
|
-
```
|
|
77
|
-
|
|
78
80
|
## Features
|
|
79
81
|
|
|
80
82
|
### Interchangeable px / rem units
|
|
@@ -369,4 +371,4 @@ or like this:
|
|
|
369
371
|
|
|
370
372
|
This project is licensed under the [Apache-2.0 license](https://apache.org/licenses/LICENSE-2.0).
|
|
371
373
|
|
|
372
|
-
Copyright © 2025 Daniele De Pietri.
|
|
374
|
+
Copyright © 2025 Daniele De Pietri.
|