comet.sh
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_app";
8@source "../../lib/comet_web";
9
10/* A Tailwind plugin that makes "hero-#{ICON}" classes available.
11 The heroicons installation itself is managed by your mix.exs */
12@plugin "../vendor/heroicons";
13
14/* Add variants based on LiveView classes */
15@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);
16@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);
17@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &);
18
19/* Use the data attribute for dark mode */
20@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
21
22/* Make LiveView wrapper divs transparent for layout */
23[data-phx-session], [data-phx-teleported-src] { display: contents }
24
25/* This file is for your main application CSS */
26@theme {
27 --color-brand-light: #ffa34e;
28 --color-brand-dark: #ff4400;
29 --font-sans: "Work Sans Variable", ui-sans-serif, system-ui, sans-serif;
30}