maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 9.71 kB
CSS
.m-table[data-v-10f9894b]{max-width:100%;position:relative}.m-table-header[data-v-10f9894b]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));justify-content:space-between;align-items:center;gap:.5rem;max-width:100%;padding-top:.5rem;padding-bottom:.5rem;display:flex}.m-table-header-search[data-v-10f9894b]{align-items:center;gap:.5rem;display:flex}.m-table-header-title[data-v-10f9894b]{font-weight:600}.m-table-footer[data-v-10f9894b]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));justify-content:space-between;gap:.5rem;max-width:100%;padding:.5rem;display:flex}.m-table-footer-pagination[data-v-10f9894b]{align-items:center;gap:1rem;display:flex}.m-table-footer-pagination-buttons[data-v-10f9894b],.m-table-footer-pagination-items-per-page[data-v-10f9894b]{align-items:center;gap:.25rem;display:flex}.m-table-wrapper[data-v-10f9894b]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-style:solid;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));overflow:hidden}.m-table-wrapper.--scrollable[data-v-10f9894b]{overflow:auto}.m-table-wrapper[data-v-10f9894b]:not(.--rounded-none){border-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-sm[data-v-10f9894b],.m-table-wrapper.--rounded-sm table[data-v-10f9894b]{border-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table thead tr[data-v-10f9894b]:hover:first-child{border-bottom-right-radius:calc(var(--maz-radius) - 8px);border-bottom-left-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-10f9894b]:first-child{border-top-left-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table thead tr:hover:first-child th[data-v-10f9894b]:last-child{border-top-right-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table tbody tr[data-v-10f9894b]:hover:last-child{border-bottom-right-radius:calc(var(--maz-radius) - 8px);border-bottom-left-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-10f9894b]:first-child{border-bottom-left-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-sm table tbody tr:hover:last-child td[data-v-10f9894b]:last-child{border-bottom-right-radius:calc(var(--maz-radius) - 8px)}.m-table-wrapper.--rounded-md[data-v-10f9894b],.m-table-wrapper.--rounded-md table[data-v-10f9894b]{border-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table thead tr[data-v-10f9894b]:hover:first-child{border-bottom-right-radius:calc(var(--maz-radius) - 4px);border-bottom-left-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-10f9894b]:first-child{border-top-left-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table thead tr:hover:first-child th[data-v-10f9894b]:last-child{border-top-right-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table tbody tr[data-v-10f9894b]:hover:last-child{border-bottom-right-radius:calc(var(--maz-radius) - 4px);border-bottom-left-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-10f9894b]:first-child{border-bottom-left-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-md table tbody tr:hover:last-child td[data-v-10f9894b]:last-child{border-bottom-right-radius:calc(var(--maz-radius) - 4px)}.m-table-wrapper.--rounded-lg[data-v-10f9894b],.m-table-wrapper.--rounded-lg table[data-v-10f9894b]{border-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table thead tr[data-v-10f9894b]:hover:first-child{border-bottom-right-radius:calc(var(--maz-radius) + 4px);border-bottom-left-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-10f9894b]:first-child{border-top-left-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table thead tr:hover:first-child th[data-v-10f9894b]:last-child{border-top-right-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table tbody tr[data-v-10f9894b]:hover:last-child{border-bottom-right-radius:calc(var(--maz-radius) + 4px);border-bottom-left-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-10f9894b]:first-child{border-bottom-left-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-lg table tbody tr:hover:last-child td[data-v-10f9894b]:last-child{border-bottom-right-radius:calc(var(--maz-radius) + 4px)}.m-table-wrapper.--rounded-xl[data-v-10f9894b],.m-table-wrapper.--rounded-xl table[data-v-10f9894b]{border-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table thead tr[data-v-10f9894b]:hover:first-child{border-bottom-right-radius:calc(var(--maz-radius) + 8px);border-bottom-left-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-10f9894b]:first-child{border-top-left-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table thead tr:hover:first-child th[data-v-10f9894b]:last-child{border-top-right-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table tbody tr[data-v-10f9894b]:hover:last-child{border-bottom-right-radius:calc(var(--maz-radius) + 8px);border-bottom-left-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-10f9894b]:first-child{border-bottom-left-radius:calc(var(--maz-radius) + 8px)}.m-table-wrapper.--rounded-xl table tbody tr:hover:last-child td[data-v-10f9894b]:last-child{border-bottom-right-radius:calc(var(--maz-radius) + 8px)}.m-table.--has-header[data-v-10f9894b],.m-table:not(.--has-header) table[data-v-10f9894b]{border-radius:var(--maz-radius)}.m-table table[data-v-10f9894b]{border-collapse:collapse;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));table-layout:var(--6942423e);width:100%;display:table}.m-table table.--has-layout[data-v-10f9894b]{width:100%}.m-table table.--elevation[data-v-10f9894b]{--maz-tw-shadow-color:hsl(var(--maz-shadow)/1);--maz-tw-shadow:var(--maz-tw-shadow-colored);--maz-tw-drop-shadow:drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);filter:var(--maz-tw-blur)var(--maz-tw-brightness)var(--maz-tw-contrast)var(--maz-tw-grayscale)var(--maz-tw-hue-rotate)var(--maz-tw-invert)var(--maz-tw-saturate)var(--maz-tw-sepia)var(--maz-tw-drop-shadow)}.m-table table .m-table-select-column[data-v-10f9894b]{width:2.9rem}.m-table table caption[data-v-10f9894b]{caption-side:var(--52eed6a6);padding:.75rem}.m-table table thead[data-v-10f9894b]{word-break:break-all;border-bottom-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-table table thead th[data-v-10f9894b]{word-break:break-all;letter-spacing:-.025em;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));gap:.5rem;font-weight:400}.m-table table thead th.--hidden[data-v-10f9894b]{display:none}.m-table table thead th.--sortable[data-v-10f9894b]{cursor:pointer}.m-table table thead th.--sortable[data-v-10f9894b]:hover{background-color:hsl(var(--maz-background-600)/.5)}.m-table table thead th.--sortable[data-v-10f9894b]:hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-table table thead th.--xl[data-v-10f9894b]{padding:1.25rem;font-size:1.125rem;line-height:1.75rem}.m-table table thead th.--lg[data-v-10f9894b]{padding:1rem;font-size:1rem;line-height:1.5rem}.m-table table thead th.--md[data-v-10f9894b]{padding:.75rem;font-size:.875rem;line-height:1.25rem}.m-table table thead th.--sm[data-v-10f9894b]{padding:.5rem;font-size:.75rem;line-height:1rem}.m-table table thead th.--xs[data-v-10f9894b]{padding:.25rem;font-size:.75rem;line-height:1rem}.m-table table thead th.--mini[data-v-10f9894b]{padding:.125rem;font-size:.75rem;line-height:1rem}.m-table table thead th span[data-v-10f9894b]{align-items:center;gap:.25rem;display:inline-flex}.m-table table thead th span .m-table-sort-icon-wrapper[data-v-10f9894b]{width:1rem;height:1rem}.m-table table thead th span .m-table-sort-icon[data-v-10f9894b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.m-table table thead th span .m-table-sort-icon.--sorted[data-v-10f9894b]{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground)/var(--maz-tw-text-opacity,1));display:block}.m-table table thead th span .m-table-sort-icon.--sorted.--up[data-v-10f9894b]{--maz-tw-rotate:0deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y))}.m-table table thead th span .m-table-sort-icon.--sorted.--down[data-v-10f9894b]{--maz-tw-rotate:180deg;transform:translate(var(--maz-tw-translate-x),var(--maz-tw-translate-y))rotate(var(--maz-tw-rotate))skewX(var(--maz-tw-skew-x))skewY(var(--maz-tw-skew-y))scaleX(var(--maz-tw-scale-x))scaleY(var(--maz-tw-scale-y))}.m-table table tbody.--divider[data-v-10f9894b]>:not([hidden])~:not([hidden]){--maz-tw-divide-y-reverse:0;border-top-width:calc(var(--maz-border-width)*calc(1 - var(--maz-tw-divide-y-reverse)));border-bottom-width:calc(var(--maz-border-width)*var(--maz-tw-divide-y-reverse));--maz-tw-divide-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-divide-opacity,1))}