55@plugin "../vendor/heroicons.js" ;
66@plugin "../vendor/fontawesome.js" ;
77
8- @custom-variant dark (& : where (.dark , .dark * ));
9-
108@source "../js" ;
119@source "../../lib/safira_web.ex" ;
1210@source "../../lib/safira_web" ;
126124 }
127125}
128126
129- @custom-variant phx-no-feedback (& : where (.phx-no-feedback , .phx-no-feedback * ));
130- @custom-variant phx-click-loading (& : where (.phx-click-loading , .phx-click-loading * ));
131- @custom-variant phx-submit-loading (& : where (.phx-submit-loading , .phx-submit-loading * ));
132- @custom-variant phx-change-loading (& : where (.phx-change-loading , .phx-change-loading * ));
127+ /* Add variants based on LiveView classes */
128+ @custom-variant phx-no-feedback (.phx-no-feedback & , .phx-no-feedback & );
129+ @custom-variant phx-click-loading (.phx-click-loading & , .phx-click-loading & );
130+ @custom-variant phx-submit-loading (.phx-submit-loading & , .phx-submit-loading & );
131+ @custom-variant phx-change-loading (.phx-change-loading & , .phx-change-loading & );
132+
133+ /* Use the data attribute for dark mode */
134+ @custom-variant dark (& : where ([data-theme = dark ], [data-theme = dark ] * ));
133135
134136.scrollbar-hide ::-webkit-scrollbar {
135137 display : none;
@@ -149,4 +151,7 @@ select:-webkit-autofill,
149151select : -webkit-autofill : hover ,
150152select : -webkit-autofill : focus {
151153 -webkit-box-shadow : 0 0 0px 1000px transparent inset;
152- }
154+ }
155+
156+ /* Make LiveView wrapper divs transparent for layout */
157+ [data-phx-session ], [data-phx-teleported-src ] { display : contents }
0 commit comments