Tailwindcss Directives

tailwindcssDirectives.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  h1 {
    @apply text-2xl;
  }
  h2 {
    @apply text-xl;
  }
}

@layer components {
  .btn {
    @apply px-3 py-2 rounded-lg;
  }
}

@layer utilities {
  .text-xs {
    font-size: 0.5rem;
  }
}