1/* See the Tailwind configuration guide for advanced usage
2 https://tailwindcss.com/docs/configuration */
3
4@import "tailwindcss" source(none);
5@source "../css";
6@source "../js";
7@source "../../lib/comet_web";
8
9/* A Tailwind plugin that makes "hero-#{ICON}" classes available.
10 The heroicons installation itself is managed by your mix.exs */
11@plugin "../vendor/heroicons";
12
13/* Add variants based on LiveView classes */
14@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);
15@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);
16@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &);
17
18/* Use the data attribute for dark mode */
19@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
20
21/* Make LiveView wrapper divs transparent for layout */
22[data-phx-session], [data-phx-teleported-src] { display: contents }
23
24/* This file is for your main application CSS */