What does @import 'tailwindcss' theme(static); mean in Sage?

sage
1

Hi,

In the app.css file of my Sage theme, I have this line:

@import 'tailwindcss' theme(static);

I don’t really understand what the theme(static) part does.

Also, my editor marks this as invalid syntax. How can I configure my setup so the editor recognizes it?

Thanks in advance

1 Like
2

It isn’t very documented, but it instructs Tailwind v4 to generate all the theme configuration variables statically at build time so our Vite plugin is able to process them and generate theme.json. I believe any Tailwind plugin with v4 support should fix any issues in your editor. Tailwind CSS IntelliSense - Visual Studio Marketplace is the official for VS Code.

1 Like
3

Thanks a lot for your reply and for all the work you do in general.

2 Likes