2
2
3
3
A VSCode extension that provides a source action to sort Tailwind CSS classes within your Clojure code, including Hiccup templates.
4
4
5
+ [ ** Install from VS Code Marketplace** ] ( https://marketplace.visualstudio.com/items?itemName=viesheimeobe.tailwindcss-clojure-class-sorter )
6
+
5
7
## Features
6
8
7
9
- ** Sort Tailwind Classes:** Provides a ` source.sortTailwindClasses ` source action that sorts Tailwind CSS classes.
@@ -16,9 +18,9 @@ Ensure you have `tailwindcss` listed as a dependency in your `package.json` and
16
18
// package.json
17
19
{
18
20
" devDependencies" : {
19
- " tailwindcss" : " ^4.0.0" ,
21
+ " tailwindcss" : " ^4.0.0"
20
22
// ... Tailwind plugins like @tailwindcss/forms, etc.
21
- },
23
+ }
22
24
}
23
25
```
24
26
@@ -39,8 +41,8 @@ It's recommended to configure the following settings in your project's `.vscode/
39
41
40
42
// Optional: Automatically run the sorter on save.
41
43
" editor.codeActionsOnSave" : {
42
- " source.sortTailwindClasses" : " always" , // or "explicit"
43
- },
44
+ " source.sortTailwindClasses" : " always" // or "explicit"
45
+ }
44
46
}
45
47
```
46
48
@@ -52,7 +54,7 @@ To enhance your development experience with Tailwind CSS in Clojure, it's highly
52
54
{
53
55
// Tell the Tailwind extension to treat Clojure(Script) files like HTML
54
56
" tailwindCSS.includeLanguages" : {
55
- " clojure" : " html" ,
57
+ " clojure" : " html"
56
58
},
57
59
// Configure class detection patterns for Clojure
58
60
" [clojure]" : {
@@ -68,9 +70,9 @@ To enhance your development experience with Tailwind CSS in Clojure, it's highly
68
70
[" \\ [:[\\ w-]*(?:#[\\ w-]+)?((?:\\ .[\\ w-]+)+)(?=[\\ s\\ ]])" , " \\ .([\\ w-]+)" ],
69
71
// Matches keyword selectors:
70
72
// :.cls-1.cls-2
71
- [" :((?:\\ .[\\ w-]+)+)" , " \\ .([\\ w-]+)" ],
72
- ],
73
- },
73
+ [" :((?:\\ .[\\ w-]+)+)" , " \\ .([\\ w-]+)" ]
74
+ ]
75
+ }
74
76
}
75
77
```
76
78
0 commit comments