command_palette.css 919 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .cp__palette {
  2. --palettle-input-height: 64px;
  3. --palettle-container-height: 70vh;
  4. &-main {
  5. max-height: var(--palettle-container-height);
  6. margin: -2rem;
  7. overflow: hidden;
  8. display: flex;
  9. flex-direction: column;
  10. /* width: 80vw; */
  11. @screen lg {
  12. width: 820px;
  13. }
  14. .menu-link {
  15. background-color: transparent;
  16. transition: none;
  17. border: none;
  18. border-radius: unset !important;
  19. }
  20. .chosen {
  21. background-color: var(--ls-quaternary-background-color);
  22. }
  23. .command-results-wrap,
  24. .search-results-wrap > div:first-child {
  25. overflow-x: hidden;
  26. overflow-y: auto;
  27. max-height: calc(var(--palettle-container-height) - var(--palettle-input-height));
  28. }
  29. .input-wrap {
  30. height: var(--palettle-input-height);
  31. }
  32. }
  33. &-input {
  34. padding: 16px;
  35. font-size: 20px;
  36. outline: none;
  37. }
  38. &-results {
  39. }
  40. }