index.css 901 B

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