search

tailwindlabs / tailwindcss

A utility-first CSS framework for rapid UI development.
https://tailwindcss.com/
MIT License
83.39k stars 4.22k forks source link

Need to resolve the :has() empty sub selector after build the angular project. #14998

Closed BVPritesh closed 1 week ago

BVPritesh commented 1 week ago

After building the Angular project, I found that a warning was displayed. However, the style.css file is not empty; the .has() selector has a value. Please check the screenshot below.

Let me know if you need further adjustments!

Warning message as below:

WARNING] 7 rules skipped due to selector errors:
  .has-\[\:checked\]\:border-indigo-200:has() -> Empty sub-selector
  .has-\[\:checked\]\:bg-indigo-50:has() -> Empty sub-selector
  .has-\[\:checked\]\:bg-indigo-500:has() -> Empty sub-selector
  .has-\[\:checked\]\:text-indigo-900:has() -> Empty sub-selector
  .has-\[\:checked\]\:text-white:has() -> Empty sub-selector
  .has-\[\:checked\]\:ring-2:has() -> Empty sub-selector
  .has-\[\:checked\]\:ring-indigo-600:has() -> Empty sub-selector

Screenshot:
image

philipp-spiess commented 1 week ago

Hey there! I see you already created a discussion as well, I'll reply there since has-[:checked]:text-white is doing what you're telling it to in Tailwind CSS.

Will reply here: https://github.com/tailwindlabs/tailwindcss/discussions/14997