| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- .cp__palette, .cp__select {
- --palettle-input-height: 64px;
- --palettle-container-height: 75vh;
- &-main {
- max-height: var(--palettle-container-height);
- margin: -2rem;
- overflow: hidden;
- display: flex;
- flex-direction: column;
- @screen lg {
- width: var(--ls-main-content-max-width);
- }
- .menu-link {
- transition: none;
- border: none;
- border-radius: unset !important;
- background: none;
- }
- .chosen {
- background-color: var(--ls-quaternary-background-color);
- color: var(--ls-secondary-text-color);
- }
- .command-results-wrap,
- .item-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);
- }
- .recent-search {
- > .wrap {
- > div:last-child {
- display: flex !important;
- justify-items: center;
- }
- }
- }
- .cp__palette-input {
- color: var(--ls-secondary-text-color);
- }
- .search-result {
- @apply text-sm font-medium flex items-baseline;
- }
- }
- &-input {
- padding: 16px;
- font-size: 20px;
- outline: none;
- }
- &-results {
- .tip code {
- white-space: nowrap;
- }
- }
- }
- html.is-ios {
- .cp__palette-main {
- margin-bottom: 0;
- }
- }
- .cards-review .cp__select {
- &-main {
- margin: 0;
- @screen lg {
- width: 240px;
- }
- }
- .input-wrap {
- height: initial;
- }
- &-input {
- padding: 16px;
- font-size: 16px;
- }
- }
|