Css for alert level not generated inside condition

[BhuwanPandey]

Actually , I am displaying alert level dynamically. When used them inside condition , Tailwind may not “see” the class at build time, so it doesn’t generate the CSS for alert.
i am using them inside jinja template

 {% for message in messages %}
          <div class="alert
                {% if message.level%} alert-{{ message.level}}{% endif %} shadow-lg mb-2 relative">
              <div class="p-1 pe-2">
                  <span class="text-base-300">{{ message.message }}</span>
              </div>
{%endfor%}

level may be success,info,wraning,error

To generate corresponding css i used
npx @tailwindcss/cli -i tailwind.css -o main.css

tailwind.css

@import "tailwindcss";
@plugin "daisyui";

How to generate css for all alert level always?

[saadeghi]

Problem is alert-{{ message.level}}
Use the whole class name.
https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/

[BhuwanPandey]

Thank you!
actually, tailwind.config.js is not required for tailwind 4 . I think solution should be accordingly.
but, In my case problem was resolved.

[saadeghi]

Yes blog post is from last year. I will update the tailwind.config.js part 👍