headwind
headwind copied to clipboard
Sorting not working with postcss in VSCode
Describe the bug
Trying to sort classes in a .css
/.pcss
file does not work with VSCode using "PostCSS" for the file.
To Reproduce Steps to reproduce the behavior:
- Install Headwind from the extension store
- Add to package.json:
"headwind.classRegex": { "css": "\\B@apply\\s+([_a-zA-Z0-9\\s\\-\\:\\/]+);", "postcss": "\\B@apply\\s+([_a-zA-Z0-9\\s\\-\\:\\/]+);" }
- Create a file
styles.css
and add the following:.button { @apply hover:bg-blue-800 text-white bg-blue-700; }
- Open the VSCode command pallet and run
>Headwind: Sort Tailwind CSS Classes
- See nothing happens
- Change the active language from PostCSS to CSS
- Re-run the command in step 4.
- Classes sort successfully
Expected behavior
I expect that PostCSS language should be supported by headwind and classes should be sorted with @apply
.
Screenshots N/A
Desktop (please complete the following information):
- OS: Fedora
- Browser: Chrome
- Version:
v1.7.0
Additional context N/A