| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- .cp__palette {
- --palettle-input-height: 64px;
- --palettle-container-height: 70vh;
- &-main {
- max-height: var(--palettle-container-height);
- margin: -2rem;
- overflow: hidden;
- display: flex;
- flex-direction: column;
- /* width: 80vw; */
- @screen lg {
- width: 820px;
- }
- .menu-link {
- background-color: transparent;
- transition: none;
- border: none;
- border-radius: unset !important;
- }
- .chosen {
- background-color: var(--ls-quaternary-background-color);
- }
- .command-results-wrap,
- .search-results-wrap > div:first-child {
- overflow-x: hidden;
- overflow-y: auto;
- max-height: calc(var(--palettle-container-height) - var(--palettle-input-height));
- }
- .input-wrap {
- height: var(--palettle-input-height);
- }
- }
- &-input {
- padding: 16px;
- font-size: 20px;
- outline: none;
- }
- &-results {
- }
- }
|