performa 1.0.2 → 1.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 +15 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -38,9 +38,22 @@ npm install performa @tanstack/start
|
|
|
38
38
|
|
|
39
39
|
### Tailwind CSS Setup
|
|
40
40
|
|
|
41
|
-
performa uses Tailwind CSS for styling.
|
|
41
|
+
performa uses Tailwind CSS for styling. The setup depends on your Tailwind version:
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
#### Tailwind CSS v4.0+
|
|
44
|
+
|
|
45
|
+
Add the `@source` directive to your main CSS file to scan the performa library:
|
|
46
|
+
|
|
47
|
+
```css
|
|
48
|
+
@import "tailwindcss";
|
|
49
|
+
|
|
50
|
+
/* Add performa library as a source */
|
|
51
|
+
@source "../node_modules/performa/dist";
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
#### Tailwind CSS v3.x
|
|
55
|
+
|
|
56
|
+
Add the performa library path to your `tailwind.config.js` or `tailwind.config.ts`:
|
|
44
57
|
|
|
45
58
|
```javascript
|
|
46
59
|
/** @type {import('tailwindcss').Config} */
|