maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.17 kB
CSS
.m-card-spotlight[data-v-bc3305c0]{border-radius:var(--maz-radius);padding:max(var(--maz-border-width),1px);display:inline-flex;position:relative;overflow:hidden}.m-card-spotlight .inner[data-v-bc3305c0]{border-radius:calc(var(--maz-radius) - max(var(--maz-border-width),1px));width:100%;height:auto;position:relative;overflow:hidden}.m-card-spotlight .inner[data-v-bc3305c0]:before{content:"";z-index:1;--maz-tw-bg-opacity:1;background-color:hsl(var(--maz-background)/var(--maz-tw-bg-opacity,1));width:100%;height:100%;opacity:var(--inner-opacity);position:absolute;top:0;left:0}.m-card-spotlight .content[data-v-bc3305c0]{z-index:2;width:100%;height:100%;position:relative}.m-card-spotlight .blob[data-v-bc3305c0]{z-index:0;--maz-tw-blur:blur(40px);width:16rem;height:16rem;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);border-radius:9999px;position:absolute;top:0;left:0}.m-card-spotlight .fakeblob[data-v-bc3305c0]{z-index:-1;border-radius:9999px;width:13rem;height:13rem;position:absolute;top:0;left:0}