22
33A VSCode extension that provides a source action to sort Tailwind CSS classes within your Clojure code, including Hiccup templates.
44
5+ [ ** Install from VS Code Marketplace** ] ( https://marketplace.visualstudio.com/items?itemName=viesheimeobe.tailwindcss-clojure-class-sorter )
6+
57## Features
68
79- ** 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
1618// package.json
1719{
1820 " devDependencies" : {
19- " tailwindcss" : " ^4.0.0" ,
21+ " tailwindcss" : " ^4.0.0"
2022 // ... Tailwind plugins like @tailwindcss/forms, etc.
21- },
23+ }
2224}
2325```
2426
@@ -39,8 +41,8 @@ It's recommended to configure the following settings in your project's `.vscode/
3941
4042 // Optional: Automatically run the sorter on save.
4143 " editor.codeActionsOnSave" : {
42- " source.sortTailwindClasses" : " always" , // or "explicit"
43- },
44+ " source.sortTailwindClasses" : " always" // or "explicit"
45+ }
4446}
4547```
4648
@@ -52,7 +54,7 @@ To enhance your development experience with Tailwind CSS in Clojure, it's highly
5254{
5355 // Tell the Tailwind extension to treat Clojure(Script) files like HTML
5456 " tailwindCSS.includeLanguages" : {
55- " clojure" : " html" ,
57+ " clojure" : " html"
5658 },
5759 // Configure class detection patterns for Clojure
5860 " [clojure]" : {
@@ -68,9 +70,9 @@ To enhance your development experience with Tailwind CSS in Clojure, it's highly
6870 [" \\ [:[\\ w-]*(?:#[\\ w-]+)?((?:\\ .[\\ w-]+)+)(?=[\\ s\\ ]])" , " \\ .([\\ w-]+)" ],
6971 // Matches keyword selectors:
7072 // :.cls-1.cls-2
71- [" :((?:\\ .[\\ w-]+)+)" , " \\ .([\\ w-]+)" ],
72- ],
73- },
73+ [" :((?:\\ .[\\ w-]+)+)" , " \\ .([\\ w-]+)" ]
74+ ]
75+ }
7476}
7577```
7678
0 commit comments