@unizap/unicss 1.1.37 → 1.1.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unizap/unicss",
-  "version": "1.1.37",
+  "version": "1.1.39",
   "description": "Unicss: Build sleek interfaces straight from your markup. Fast, modern, utility-first CSS framework for rapid UI development.",
   "main": "dist/index.js",
   "bin": {

package/test/index.html

@@ -0,0 +1,4 @@
+<div class="flex flex-col flex-row items-center justify-center min-h-screen py-2">
+  <h1 class="text-4xl font-bold mb-4">Welcome to the Test Page</h1>
+  <p class="text-lg text-color-gray-700">This is a simple test page to demonstrate Tailwind CSS integration.</p>
+</div>

package/test/style/unicss.css

@@ -0,0 +1,39 @@
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+.flex-row { flex-direction: row; }
+.items-center { align-items: center; }
+.justify-center { justify-content: center; }
+.min-h-screen { min-height: 100vh; }
+.py-2 { padding-block: var(--2) }
+.text-4xl { font-size: var(--text-4xl); }
+.font-bold { font-weight: 700; }
+.mb-4 { margin-bottom: var(--4) }
+.text-lg { font-size: var(--text-lg); }
+.text-color-gray-700 { color: var(--color-gray-700) }
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}