list.css 594 B

123456789101112131415161718192021222324252627282930
  1. [data-component="list"] {
  2. /* overflow-y: auto; */
  3. /* Hide scrollbar */
  4. &::-webkit-scrollbar {
  5. display: none;
  6. }
  7. -ms-overflow-style: none;
  8. scrollbar-width: none;
  9. [data-slot="item"] {
  10. width: 100%;
  11. margin-bottom: 6px;
  12. padding: 4px 12px;
  13. text-align: left;
  14. border-radius: var(--radius-md);
  15. transition: background-color 0.2s ease-in-out;
  16. &[data-active="true"] {
  17. background-color: var(--surface-raised-base-hover);
  18. }
  19. &:hover {
  20. background-color: var(--surface-raised-base-hover);
  21. }
  22. &:focus {
  23. outline: none;
  24. }
  25. }
  26. }