Merge pull request #4 from Mukul1127/tailwindv4

Balackburn · web-flow · commit f05adc95de34 · 2025-02-08T06:21:16.000+01:00
diff --git a/src/style.css b/src/style.css
@@ -8,12 +8,10 @@
   }
 }
 
-@components {
-  .link {
-    @apply font-bold text-blue-600 transition-colors hover:text-blue-400 dark:text-blue-400 dark:hover:text-blue-300;
-  }
-
-  .picture {
-    @apply aspect-[750/1334] h-96 rounded-3xl border border-gray-400 transition duration-300 hover:scale-105 hover:border-gray-500 dark:border-gray-500 dark:hover:border-gray-600;
-  }
+@utility link {
+  @apply font-bold text-blue-600 transition-colors hover:text-blue-400 dark:text-blue-400 dark:hover:text-blue-300;
 }
+
+@utility picture {
+  @apply aspect-[750/1334] h-96 rounded-3xl border border-gray-400 transition duration-300 hover:scale-105 hover:border-gray-500 dark:border-gray-500 dark:hover:border-gray-600;
+}

Original file line number	Diff line number	Diff line change
`@@ -8,12 +8,10 @@`
`8`	`8`	`}`
`9`	`9`	`}`
`10`	`10`
`11`		`-@components {`
`12`		`- .link {`
`13`		`- @apply font-bold text-blue-600 transition-colors hover:text-blue-400 dark:text-blue-400 dark:hover:text-blue-300;`
`14`		`- }`
`15`		`-`
`16`		`- .picture {`
`17`		`- @apply aspect-[750/1334] h-96 rounded-3xl border border-gray-400 transition duration-300 hover:scale-105 hover:border-gray-500 dark:border-gray-500 dark:hover:border-gray-600;`
`18`		`- }`
	`11`	`+@utility link {`
	`12`	`+ @apply font-bold text-blue-600 transition-colors hover:text-blue-400 dark:text-blue-400 dark:hover:text-blue-300;`
`19`	`13`	`}`
	`14`	`+`
	`15`	`+@utility picture {`
	`16`	`+ @apply aspect-[750/1334] h-96 rounded-3xl border border-gray-400 transition duration-300 hover:scale-105 hover:border-gray-500 dark:border-gray-500 dark:hover:border-gray-600;`
	`17`	`+}`