Directiva @layer în Tailwind CSS în Tailwind CSS

Ce este directiva @layer

În CSS, ordinea regulilor dictează specificitatea stilurilor. Prin directiva @layer (care se mapează pe standardul @layer nativ CSS), puteți distribui codul personalizat în cele trei straturi fundamentale Tailwind:

• @layer base: pentru resetări globale de etichete HTML (h1, p, body).
• @layer components: pentru clase compuse reutilizabile (carduri, butoane).
• @layer utilities: pentru clase utilitare individuale care trebuie să poată suprascrie oricând componentele.

@layer base {
  a {
    @apply text-blue-600 hover:text-blue-800 transition-colors;
  }
}