File tree Expand file tree Collapse file tree 1 file changed +32
-2
lines changed
src/blog/tailwindcss-v4-1 Expand file tree Collapse file tree 1 file changed +32
-2
lines changed Original file line number Diff line number Diff line change @@ -58,10 +58,25 @@ That's all the cool stuff, but there's a few other little things hiding in the [
58
58
59
59
Upgrade your projects by installing the latest version of ` tailwindcss ` from npm:
60
60
61
+ <CodeExampleStack >
62
+
63
+ ``` sh
64
+ # [!code filename:Using the Tailwind CLI]
65
+ npm install tailwindcss@latest @tailwindcss/cli@latest
66
+ ```
67
+
61
68
``` sh
62
- npm install tailwindcss@latest
69
+ # [!code filename:Using Vite]
70
+ npm install tailwindcss@latest @tailwindcss/vite@latest
63
71
```
64
72
73
+ ``` sh
74
+ # [!code filename:Using PostCSS]
75
+ npm install tailwindcss@latest @tailwindcss/postcss@latest
76
+ ```
77
+
78
+ </CodeExampleStack >
79
+
65
80
---
66
81
67
82
## New ` text-shadow-* ` utilities
@@ -872,8 +887,23 @@ The new `user-valid` and `user-invalid` variants try to solve this problem, by o
872
887
873
888
So that's it, that's Tailwind CSS v4.1! Update to the latest version using npm and start playing with it today:
874
889
890
+ <CodeExampleStack >
891
+
892
+ ``` sh
893
+ # [!code filename:Using the Tailwind CLI]
894
+ npm install tailwindcss@latest @tailwindcss/cli@latest
895
+ ```
896
+
875
897
``` sh
876
- npm install tailwindcss@latest
898
+ # [!code filename:Using Vite]
899
+ npm install tailwindcss@latest @tailwindcss/vite@latest
877
900
```
878
901
902
+ ``` sh
903
+ # [!code filename:Using PostCSS]
904
+ npm install tailwindcss@latest @tailwindcss/postcss@latest
905
+ ```
906
+
907
+ </CodeExampleStack >
908
+
879
909
Looking forward to seeing what you build with the new features!
You can’t perform that action at this time.
0 commit comments