simplify tailwind configuration

jrmajor · Dec 17, 2024 · 384aa19 · 384aa19
1 parent 4e4912a
commit 384aa19
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/resources/css/tailwind.css b/resources/css/tailwind.css
@@ -67,10 +67,6 @@
   --font-sans: Inter var, ui-sans-serif, system-ui, sans-serif;
 
   --text-2xs: 0.7rem;
-
-  --transition-property-colors-shadow:
-    color, background-color, border-color,
-    text-decoration-color, fill, stroke, box-shadow;
 }
 
 /*

diff --git a/resources/js/Layouts/MainMenuButton.svelte b/resources/js/Layouts/MainMenuButton.svelte
@@ -9,9 +9,12 @@
 	use:inertia
 	{href}
 	class="
-		px-5 py-2.5 bg-white dark:bg-gray-700 shadow-lg rounded-full
-		text-gray-900 dark:text-white transition-colors-shadow duration-200 uppercase font-semibold tracking-wide
-		focus:outline-none hover:ring-3 focus:ring-3 active:ring-3 hover:ring-brand-primary/50 focus:ring-brand-primary/75 active:ring-brand-primary/100
+		rounded-full bg-white px-5 py-2.5 font-semibold tracking-wide
+		text-gray-900 uppercase shadow-lg transition-all duration-200
+		hover:ring-3 hover:ring-brand-primary/50
+		focus:ring-3 focus:ring-brand-primary/75 focus:outline-none
+		active:ring-3 active:ring-brand-primary/100
+		dark:bg-gray-700 dark:text-white
 	"
 >
 	{@render children()}