You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
See generated CSS. It should include definitions for shadow-lg AND shadow-xl.
But since v3.1.0, the shadow-xl is ignored.
Describe your issue
In v3.0.24 it was possible, to use EJS conditions in a class=""attribute like: <div class="bg-blue-200 <% if (useShadow) { %>shadow-xl<% } %>">test</div>
In v3.1.0 this is not possible any more. Classes are only detected if there is a space before and after the class name: <div class="bg-blue-200 <% if (useShadow) { %> shadow-lg <% } %>">test</div>
Maybe parsing is not treating < and > as whitespaces to separate classes any more?
The text was updated successfully, but these errors were encountered:
What version of Tailwind CSS are you using?
v3.1.0 (was working in v3.0.24)
What build tool (or framework if it abstracts the build tool) are you using?
webpack v4.46.0, postcss-loader v4.3.0
What version of Node.js are you using?
v16.15.1
What browser are you using?
Chrome (102.0), Safari (15.5)
What operating system are you using?
macOS 12.4
Reproduction URL
https://play.tailwindcss.com/tc5Nfn0F00
See generated CSS. It should include definitions for
shadow-lg
ANDshadow-xl
.But since
v3.1.0
, theshadow-xl
is ignored.Describe your issue
In
v3.0.24
it was possible, to use EJS conditions in aclass=""
attribute like:<div class="bg-blue-200 <% if (useShadow) { %>shadow-xl<% } %>">test</div>
In
v3.1.0
this is not possible any more. Classes are only detected if there is a space before and after the class name:<div class="bg-blue-200 <% if (useShadow) { %> shadow-lg <% } %>">test</div>
Maybe parsing is not treating
<
and>
as whitespaces to separate classes any more?The text was updated successfully, but these errors were encountered: