Initial commit

skills/testing/playwright-e2e-automation/templates/css/tailwind-v4.css

@@ -0,0 +1,38 @@
+/**
+ * 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;
+  }
+}
+*/