.palette { display: none; width: 320px; position: fixed; top: 20px; left: ~"calc(50% - 150px)"; background: lighten(@background, 10%); color: darken(@foreground, 30%); z-index: 999; padding: 4px 0px; box-shadow: 0px 4px 16px rgba(0, 0, 0, .5); border-radius: 8px; font-size: 16px; &.active { display: block; } h1 { font-size: 12px; padding: 0; margin: 0 12px; } input { width: 90%; display: block; border: 2px solid #555; border-radius: 4px; padding: 8px; margin: 8px auto; background: transparent; color: @foreground; font-weight: bold; font-size: 18px; &:focus { outline: 1px solid @background; } } .results { padding: 0; margin: 0; list-style-type: none; li { border-top: 1px solid @faded; display: block; padding: 8px; &.current { background: @faded; font-weight: bold; } .label { font-size: 14px; } .sublabel { font-size: 11px; font-weight: normal; white-space: nowrap; overflow: hidden; max-height: 1.5em; } } } }