-
-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Description
What version of Tailwind CSS are you using?
Like suggested in this issue (#16801 (comment)), I've installed the "insiders" versions.
Currently installed versions:
- "@tailwindcss/vite": "^0.0.0-insiders.7005ad7"
- "tailwindcss": "^0.0.0-insiders.7005ad7"
What build tool (or framework if it abstracts the build tool) are you using?
- Vite 6.1.0
What version of Node.js are you using?
- Node version: v22.14.0
What browser are you using?
- Latest Google Chrome
What operating system are you using?
- Linux Fedora
Reproduction URL
I cannot provide a reproduction URL.
Describe your issue
I'm using the new Tailwindcss v4 with Vite in a PHP project (TYPO3 CMS). TYPO3 uses it's own templating engine to generate HTML for the frontend, which is called Fluid.
Here's an example Fluid template snippet:
<!-- Fluid template language -->
<f:variable name="bgStyle">
<f:switch expression="{data.layout}">
<f:case value="0">from-blue-900 to-cyan-200</f:case>
<f:case value="1">from-cyan-600 to-teal-200</f:case>
<f:defaultCase>from-blue-300 to-cyan-100</f:defaultCase>
</f:switch>
</f:variable>
<!-- Normal HTML code with Fluid variable "bgStyle" in the "class" attribute -->
<div class="bg-gradient-to-br from-20% {bgStyle}">...</div>Up until today this worked just fine. Today I updated my NPM packages (npm update). The packages were updated from version 4.0.6 to version 4.0.12. Now CSS classes that are not written inside normal HTML code (last line in the example), are not picked up and therefore are not added to the final CSS file.
Then I've read about the insiders versions and tried to install those. But still the CSS classes inside the Fluid template part are not recognized.