Deprecated @apply Directive in Tailwind CSS

This repository demonstrates a common issue encountered when using the deprecated @apply directive in Tailwind CSS. The @apply directive, while once useful, has been officially deprecated and can lead to unpredictable styling issues or even prevent your project from building correctly. The recommended approach is to directly use Tailwind's utility classes in your HTML.

Bug Report

The bug.html file shows the problematic use of the @apply directive. This may result in unexpected styles or build errors, depending on your Tailwind CSS configuration.

Solution

The bugSolution.html file provides the corrected version, using direct Tailwind utility classes instead of @apply. This ensures clean, predictable styling and avoids potential issues caused by the deprecated directive.