maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.69 kB
CSS
.m-skeleton[data-v-22e2cdb8]{background-image:linear-gradient(to right, var(--maz-tw-gradient-stops));--maz-tw-gradient-from:hsl(var(--maz-background-800) / .4) var(--maz-tw-gradient-from-position);--maz-tw-gradient-to:hsl(var(--maz-background-800) / .4) var(--maz-tw-gradient-to-position);--maz-tw-gradient-stops:var(--maz-tw-gradient-from), hsl(var(--maz-background-700) / .3) var(--maz-tw-gradient-via-position), var(--maz-tw-gradient-to);position:relative;overflow:hidden}.m-skeleton[data-v-22e2cdb8]:is([class~=dark] *){--maz-tw-gradient-from:hsl(var(--maz-background-700) / .3) var(--maz-tw-gradient-from-position);--maz-tw-gradient-to:hsl(var(--maz-background-700) / .3) var(--maz-tw-gradient-to-position);--maz-tw-gradient-stops:var(--maz-tw-gradient-from), hsl(var(--maz-background-600) / .2) var(--maz-tw-gradient-via-position), var(--maz-tw-gradient-to)}.m-skeleton[data-v-22e2cdb8]{background-size:400% 100%}.m-skeleton--rounded-none[data-v-22e2cdb8]{border-radius:0}.m-skeleton--rounded-sm[data-v-22e2cdb8]{border-radius:calc(var(--maz-radius) - 8px)}.m-skeleton--rounded-md[data-v-22e2cdb8]{border-radius:calc(var(--maz-radius) - 4px)}.m-skeleton--rounded-base[data-v-22e2cdb8]{border-radius:var(--maz-radius)}.m-skeleton--rounded-lg[data-v-22e2cdb8]{border-radius:calc(var(--maz-radius) + 4px)}.m-skeleton--rounded-xl[data-v-22e2cdb8]{border-radius:calc(var(--maz-radius) + 8px)}.m-skeleton--rounded-full[data-v-22e2cdb8],.m-skeleton--circle[data-v-22e2cdb8]{border-radius:9999px}.m-skeleton--animated[data-v-22e2cdb8]{animation:5s linear infinite m-skeleton-shimmer-22e2cdb8}@keyframes m-skeleton-shimmer-22e2cdb8{0%{background-position:-200% 0}to{background-position:200% 0}}