maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.53 kB
CSS
.m-checklist[data-v-51fc8f50]{flex-direction:column;gap:1rem;display:flex}.m-checklist .search-label[data-v-51fc8f50]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.m-checklist .title[data-v-51fc8f50]{text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.m-checklist[data-v-51fc8f50] .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-51fc8f50]{justify-content:center;align-items:center;height:100%;display:flex}.m-checklist .no-results-content[data-v-51fc8f50]{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:100%;padding-top:2rem;padding-bottom:2rem;display:flex}.m-checklist .no-results-icon[data-v-51fc8f50]{--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-51fc8f50]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-checklist .m-checklist-item[data-v-51fc8f50]{cursor:pointer;border-radius:var(--maz-radius);text-align:start;align-items:center;gap:1rem;width:100%;padding:.5rem .75rem;display:flex}.m-checklist .m-checklist-item[data-v-51fc8f50]: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-51fc8f50]:first-letter{text-transform:capitalize}