arabica.social
Coffee journaling on ATProto (alpha)
alpha.arabica.social
coffee
pdewey.com
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5@layer base {
6 /* Touch targets for interactive elements only */
7 button,
8 input[type="submit"],
9 input[type="button"] {
10 min-height: 44px;
11 min-width: 44px;
12 }
13
14 /* Prevent iOS zoom on input focus */
15 @media (max-width: 768px) {
16 input,
17 select,
18 textarea {
19 font-size: 16px;
20 }
21 }
22}
23
24/* HTMX loading state */
25.htmx-swapping {
26 opacity: 0;
27 transition: opacity 0.3s ease-out;
28}
29
30/* Dropdown animation */
31@keyframes dropdown {
32 from {
33 opacity: 0;
34 transform: scale(0.95) translateY(-4px);
35 }
36 to {
37 opacity: 1;
38 transform: scale(1) translateY(0);
39 }
40}
41
42.animate-dropdown {
43 animation: dropdown 0.1s ease-out;
44}