maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.48 kB
CSS
.m-checklist[data-v-b457ca02]{flex-direction:column;gap:1rem;display:flex}.m-checklist .search-label[data-v-b457ca02]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.m-checklist .title[data-v-b457ca02]{text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.m-checklist[data-v-b457ca02] .card-content{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));flex-direction:column;gap:.5rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.m-checklist .no-results[data-v-b457ca02]{justify-content:center;align-items:center;height:100%;display:flex}.m-checklist .no-results-content[data-v-b457ca02]{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;display:flex}.m-checklist .no-results-icon[data-v-b457ca02]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:1.875rem;line-height:2.25rem}.m-checklist .no-results-text[data-v-b457ca02]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-checklist .m-checklist-item[data-v-b457ca02]{cursor:pointer;border-radius:var(--maz-radius);text-align:left;align-items:center;gap:1rem;width:100%;padding:.5rem .75rem;display:flex}.m-checklist .m-checklist-item[data-v-b457ca02]:hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-checklist .item-label[data-v-b457ca02]:first-letter{text-transform:capitalize}