maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 4.41 kB
CSS
.m-radio[data-v-c9f427c1]{vertical-align:top;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.5rem;display:inline-flex;position:relative}.m-radio>span[data-v-c9f427c1]{border-width:var(--maz-border-width);--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1));border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.m-radio>span[data-v-c9f427c1]:is([class~=dark] *){--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border-400)/var(--maz-tw-border-opacity,1))}.m-radio>span[data-v-c9f427c1]{width:var(--radio-size);height:var(--radio-size)}.m-radio>span .round[data-v-c9f427c1]{--maz-tw-scale-x:0;--maz-tw-scale-y:0;width:50%;height:50%;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));background-color:var(--radio-selected-color);border-radius:9999px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-radio:not(.--selected)>span[data-v-c9f427c1]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1))}.m-radio:not(.--selected)>span[data-v-c9f427c1]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio.--selected>span[data-v-c9f427c1]{border-color:var(--radio-selected-color)}.m-radio.--selected>span .round[data-v-c9f427c1]{--maz-tw-scale-x:1;--maz-tw-scale-y:1;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-radio__text[data-v-c9f427c1]{flex-direction:column;gap:0;display:flex}.m-radio input[data-v-c9f427c1]{display:none}.m-radio[data-v-c9f427c1]:has(input:disabled){cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted)/var(--maz-tw-text-opacity,1))}.m-radio:has(input:disabled)>span[data-v-c9f427c1]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-radio:has(input:disabled)>span[data-v-c9f427c1]:is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-radio:has(input:disabled).--selected>span[data-v-c9f427c1]{--maz-tw-border-opacity:1;border-color:hsl(var(--maz-border)/var(--maz-tw-border-opacity,1))}.m-radio:has(input:disabled).--selected>span .round[data-v-c9f427c1]{--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-muted)/var(--maz-tw-bg-opacity,1))}.m-radio__hint[data-v-c9f427c1]{--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__hint.--error[data-v-c9f427c1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-600)/var(--maz-tw-text-opacity,1))}.m-radio__hint.--success[data-v-c9f427c1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-600)/var(--maz-tw-text-opacity,1))}.m-radio__hint.--warning[data-v-c9f427c1]{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-600)/var(--maz-tw-text-opacity,1))}.m-radio[data-v-c9f427c1]:not(.--selected){cursor:pointer}.m-radio[data-v-c9f427c1]:not(:has(input:disabled)){cursor:pointer}.m-radio:not(.--selected):hover>span[data-v-c9f427c1],.m-radio:not(.--selected):focus>span[data-v-c9f427c1]{box-shadow:0 0 0 .125rem var(--radio-box-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-radio:not(:has(input:disabled)):hover>span[data-v-c9f427c1]{box-shadow:0 0 0 .125rem var(--radio-box-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-radio:not(:has(input:disabled)):focus>span[data-v-c9f427c1]{box-shadow:0 0 0 .125rem var(--radio-box-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-radio.--error>span[data-v-c9f427c1],.m-radio.--warning>span[data-v-c9f427c1],.m-radio.--success>span[data-v-c9f427c1]{box-shadow:0 0 0 .125rem var(--radio-box-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}