maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.07 kB
CSS
.m-lazy-img-component[data-v-e25b5767]{vertical-align:top;justify-content:center;align-items:center;display:inline-flex;position:relative}.m-lazy-img-component.--block[data-v-e25b5767],.m-lazy-img-component.--block img[data-v-e25b5767]{width:100%}.m-lazy-img-component-loader[data-v-e25b5767]{justify-content:center;align-items:center;display:none;position:absolute;inset:0}.m-lazy-img-component.--height-full img[data-v-e25b5767]{width:min-content;max-width:min-content;max-height:100%}.m-lazy-img-component.m-lazy-error[data-v-e25b5767]:not(.m-lazy-fallback){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-600)/var(--maz-tw-bg-opacity,1))}.m-lazy-img-component.m-lazy-error[data-v-e25b5767]:not(.m-lazy-fallback):is([class~=dark] *){--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background-400)/var(--maz-tw-bg-opacity,1))}.m-lazy-img-component.m-lazy-error:not(.m-lazy-fallback) img[data-v-e25b5767]{width:50%;height:50%}.m-lazy-img-component.m-lazy-loading .m-lazy-img-component-loader[data-v-e25b5767]{display:flex}