@wikimedia/codex
Version:
Codex Design System for Wikimedia
2 lines (1 loc) • 1.59 kB
CSS
.rcf-multiselect-lookup{position:relative;box-sizing:border-box;vertical-align:middle}.rcf-multiselect-lookup__chip--unselected{color:var(--color-subtle, #54595d)}[dir] .rcf-multiselect-lookup__chip--unselected{background-color:var(--background-color-disabled, #dadde3)}.rcf-multiselect-lookup__chip--active{color:var(--color-emphasized, #101418)}[dir] .rcf-multiselect-lookup__chip--active{background-color:var(--background-color-progressive-subtle, #f1f4fd)}.cdx-dialog .rcf-multiselect-lookup{position:static}[dir] .cdx-demo-experiments{padding-bottom:40rem}.cdx-demo-experiments__rcf{max-width:40rem}[dir] .rcf-multiselect-lookup{margin-top:16px}.rcf-multiselect-lookup__menu-header{display:flex;align-items:center;gap:12px}[dir] .rcf-multiselect-lookup__menu-header{cursor:default}.rcf-multiselect-lookup__menu-header__title{font-weight:700}.rcf-multiselect-lookup__menu-header__actions{display:flex;gap:4px}[dir=ltr] .rcf-multiselect-lookup__menu-header__actions{margin-left:auto}[dir=rtl] .rcf-multiselect-lookup__menu-header__actions{margin-right:auto}.rcf-multiselect-lookup__menu-item{display:flex;align-items:center;justify-content:space-between}.rcf-multiselect-lookup__menu-item__actions{display:flex;gap:4px}.rcf-multiselect-lookup .cdx-menu-item:first-child{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}[dir] .rcf-multiselect-lookup .cdx-menu-item:first-child{background-color:var(--background-color-base, #fff);border-bottom:1px solid var(--border-color-subtle, #c8ccd1)}.rcf-multiselect-lookup .cdx-menu-item:not(:first-child){z-index:0}