An example AT Protocol application, written in Elixir using atex and Drinkup.
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/statusphere_web";
8
9/* Add variants based on LiveView classes */
10@custom-variant phx-click-loading (.phx-click-loading&, .phx-click-loading &);
11@custom-variant phx-submit-loading (.phx-submit-loading&, .phx-submit-loading &);
12@custom-variant phx-change-loading (.phx-change-loading&, .phx-change-loading &);
13
14/* Use the data attribute for dark mode */
15@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
16
17/* Make LiveView wrapper divs transparent for layout */
18[data-phx-session],
19[data-phx-teleported-src] {
20 display: contents;
21}
22
23/* This file is for your main application CSS */
24
25@layer components {
26 .button {
27 @apply bg-blue-500 text-white px-3 py-1 rounded-full;
28 }
29}