maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 2.76 kB
CSS
.m-tabs-bar[data-v-060189e6]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background) / var(--maz-tw-bg-opacity,1));vertical-align:top;gap:.25rem;max-width:100%;padding:.5rem;display:inline-flex;position:relative;overflow-x:auto}.m-tabs-bar.--elevation[data-v-060189e6]{--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-tabs-bar.--elevation[data-v-060189e6]:is([class~=dark] *){--maz-tw-shadow:0 0 #0000;--maz-tw-shadow-colored:0 0 #0000;box-shadow:var(--maz-tw-ring-offset-shadow,0 0 #0000), var(--maz-tw-ring-shadow,0 0 #0000), var(--maz-tw-shadow)}.m-tabs-bar.--block[data-v-060189e6]{width:100%}.m-tabs-bar.--bordered[data-v-060189e6]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border) / var(--maz-tw-border-opacity,1))}.m-tabs-bar__item[data-v-060189e6]{border-radius:var(--maz-radius);text-align:center;flex:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.m-tabs-bar__item[data-v-060189e6]:not(.--disabled){cursor:pointer}.m-tabs-bar__item[data-v-060189e6]:not(.--disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1))}.m-tabs-bar__item.--disabled[data-v-060189e6]{cursor:not-allowed;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-300) / var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;color:rgb(156 163 175/var(--maz-tw-text-opacity,1))}.m-tabs-bar__item.--disabled[data-v-060189e6]:is([class~=dark] *){--maz-tw-text-opacity:1;color:rgb(107 114 128/var(--maz-tw-text-opacity,1))}.m-tabs-bar__indicator[data-v-060189e6]{border-radius:var(--maz-radius);--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600) / var(--maz-tw-bg-opacity,1));text-align:center;position:absolute;left:0}.m-tabs-bar__indicator[data-v-060189e6]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400) / var(--maz-tw-bg-opacity,1))}.m-tabs-bar__indicator.--animated[data-v-060189e6]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}