From 67c02423d2d15c8c91c5a98b1e205dfda1c5b5d8 Mon Sep 17 00:00:00 2001 From: Claudio Ortolina Date: Tue, 11 Mar 2025 20:28:39 +0000 Subject: [PATCH] Fix phx-* css variants See https://tailwindcss.com/docs/hover-focus-and-other-states#registering-a-custom-variant --- assets/css/app.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index 52f0aced..e307b064 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,11 +1,10 @@ -@variant phx-click-loading (.phx-click-loading&, .phx-click-loading &); -@variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &); -@variant phx-change-loading (.phx-change-loading&, .phx-change-loading &); - +@import "tailwindcss"; @plugin "./heroicons.tailwind.plugin.js"; @plugin "@tailwindcss/forms"; -@import "tailwindcss"; +@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &); +@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &); +@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &); @layer base { button:not(:disabled),