style.module.css 603 B

123456789101112131415161718192021222324
  1. .item {
  2. @apply grow flex items-center h-8 px-2.5 rounded-lg bg-gray-25 border border-gray-100 cursor-pointer space-x-2;
  3. }
  4. .item:hover {
  5. background-color: #ffffff;
  6. border-color: #B2CCFF;
  7. box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  8. }
  9. .item.checked {
  10. background-color: #ffffff;
  11. border-color: #528BFF;
  12. box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
  13. }
  14. .radio {
  15. @apply w-4 h-4 border-[2px] border-gray-200 rounded-full;
  16. }
  17. .item.checked .radio {
  18. border-width: 5px;
  19. border-color: #155eef;
  20. }