39 lines
923 B
CSS
39 lines
923 B
CSS
/**
|
|
* Tailwind CSS v4 Syntax
|
|
*
|
|
* This template uses the new @import syntax introduced in Tailwind v4
|
|
* Compatible with: Tailwind CSS >=4.0.0
|
|
*
|
|
* Breaking changes from v3:
|
|
* - @tailwind directives replaced with single @import
|
|
* - PostCSS plugin changed to @tailwindcss/postcss
|
|
* - Improved performance and smaller bundle size
|
|
*
|
|
* Migration guide: https://tailwindcss.com/docs/upgrade-guide
|
|
* Generated by: playwright-e2e-automation skill
|
|
*/
|
|
|
|
/* Import Tailwind CSS (base, components, utilities all included) */
|
|
@import "tailwindcss";
|
|
|
|
/* ========== CUSTOM STYLES ========== */
|
|
/* Add your custom CSS below this line */
|
|
|
|
/* Example: Custom utility classes using @layer */
|
|
/*
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
}
|
|
*/
|
|
|
|
/* Example: Custom components using @layer */
|
|
/*
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700;
|
|
}
|
|
}
|
|
*/
|