dialog-select.module.css 695 B

123456789101112131415161718192021222324252627282930313233343536
  1. .options {
  2. margin-top: var(--space-1);
  3. border-top: 2px solid var(--color-border);
  4. padding: var(--space-2);
  5. [data-slot="option"] {
  6. outline: none;
  7. flex-shrink: 0;
  8. height: var(--space-11);
  9. display: flex;
  10. justify-content: start;
  11. align-items: center;
  12. padding: 0 var(--space-2-5);
  13. gap: var(--space-3);
  14. cursor: pointer;
  15. &[data-empty] {
  16. cursor: default;
  17. color: var(--color-text-dimmed);
  18. }
  19. &[data-active] {
  20. background-color: var(--color-bg-surface);
  21. }
  22. [data-slot="title"] {
  23. font-size: var(--font-size-md);
  24. }
  25. [data-slot="prefix"] {
  26. width: var(--space-4);
  27. height: var(--space-4);
  28. }
  29. }
  30. }