An example AT Protocol application, written in Elixir using atex and Drinkup.
at main 29 lines 898 B view raw
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}