maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 4.87 kB
CSS
.m-radio-buttons[data-v-2d48580e]{vertical-align:top;flex-direction:column;gap:.25rem;display:inline-flex}.m-radio-buttons__wrapper[data-v-2d48580e]{gap:.5rem;display:inline-flex}.m-radio-buttons__wrapper.--wrap[data-v-2d48580e]{flex-wrap:wrap}.m-radio-buttons__wrapper.--row[data-v-2d48580e]{flex-direction:row}.m-radio-buttons__wrapper.--col[data-v-2d48580e]{flex-direction:column}.m-radio-buttons.--block[data-v-2d48580e]{width:100%}.m-radio-buttons__items[data-v-2d48580e]{cursor:pointer;border-radius:var(--maz-radius);border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.m-radio-buttons__items.--size-mini[data-v-2d48580e]{min-height:1.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem}.m-radio-buttons__items.--size-xs[data-v-2d48580e]{min-height:2rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.m-radio-buttons__items.--size-sm[data-v-2d48580e]{min-height:2.5rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.m-radio-buttons__items.--size-md[data-v-2d48580e]{min-height:3rem;padding-left:1rem;padding-right:1rem}.m-radio-buttons__items.--size-lg[data-v-2d48580e]{min-height:3.5rem;padding-left:1.25rem;padding-right:1.25rem;font-size:1.125rem;line-height:1.75rem}.m-radio-buttons__items.--size-xl[data-v-2d48580e]{min-height:4rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1.25rem;line-height:1.75rem}.m-radio-buttons__items.--elevation[data-v-2d48580e]{--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-radio-buttons__items__checkbox[data-v-2d48580e]{justify-content:center;align-items:center;display:flex}.m-radio-buttons__items__checkbox span[data-v-2d48580e]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));--maz-tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(255 255 255/var(--maz-tw-text-opacity,1));border-radius:9999px;flex:none;justify-content:center;align-items:center;padding:.125rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.m-radio-buttons__items__checkbox span[data-v-2d48580e]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__items__checkbox span[data-v-2d48580e]{transition:border-color}.m-radio-buttons__items__checkbox span.--is-selected[data-v-2d48580e]{border-color:#0000}.maz-group:hover .m-radio-buttons__items__checkbox span[data-v-2d48580e]:not(.--is-selected){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__items.--equal-size[data-v-2d48580e]{flex:1}.m-radio-buttons__items[data-v-2d48580e]:not(.--is-selected):hover{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__items[data-v-2d48580e]:not(.--is-selected):hover:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio-buttons__hint[data-v-2d48580e]{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.m-radio-buttons__hint.--error[data-v-2d48580e]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-radio-buttons__hint.--success[data-v-2d48580e]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-radio-buttons__hint.--warning[data-v-2d48580e]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.maz-radio-buttons-scale-enter-active[data-v-2d48580e],.maz-radio-buttons-scale-leave-active[data-v-2d48580e]{opacity:1;z-index:1;transition:all .3s cubic-bezier(.4,.52,.26,.9)}.maz-radio-buttons-scale-enter-from[data-v-2d48580e],.maz-radio-buttons-scale-leave-to[data-v-2d48580e]{opacity:.4;z-index:1;transform:scale(0)}