wwf
2025-05-20 938c3e5a587ce950a94964ea509b9e7f8834dfae
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
@tailwind components;
 
@layer components {
    .action-btn {
        @apply inline-flex justify-center items-center cursor-pointer text-text-tertiary hover:text-text-secondary hover:bg-state-base-hover
    }
 
    .action-btn-hover {
        @apply bg-state-base-hover
    }
 
    .action-btn-disabled {
        @apply cursor-not-allowed
    }
 
    .action-btn-xl {
        @apply p-2 w-9 h-9 rounded-lg
    }
 
    .action-btn-l {
        @apply p-1.5 w-8 h-8 rounded-lg
    }
 
    /* m is for the regular button */
    .action-btn-m {
        @apply p-0.5 w-6 h-6 rounded-lg
    }
 
    .action-btn-xs {
        @apply p-0 w-4 h-4 rounded
    }
 
    .action-btn.action-btn-active {
        @apply text-text-accent bg-state-accent-active hover:bg-state-accent-active-alt
    }
 
    .action-btn.action-btn-disabled {
        @apply text-text-disabled
    }
 
    .action-btn.action-btn-destructive {
        @apply text-text-destructive bg-state-destructive-hover
    }
 
}