sate-lib
Version:
A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.
1 lines • 1.64 kB
CSS
.root-z1zGW9{box-sizing:content-box;display:inline-flex;position:relative;overflow:hidden}.circle-_D9Cad{border-radius:50%}.rounded-A84AyB{border-radius:.25rem}.xlarge-H_7tVO{width:4rem;height:4rem}.large-fhVn0F{width:2.5rem;height:2.5rem}.medium-uo9z2T{width:2.3rem;height:2.3rem}.small-UDXZu6{width:2rem;height:2rem}.border-bUYfnV{border-style:solid;border-color:var(--color-background-screen,#fdfdf9)}.xLarge-Dyb1PW.border-bUYfnV{border-width:4.8px}.large-fhVn0F.border-bUYfnV{border-width:3px}.medium-uo9z2T.border-bUYfnV{border-width:2.4px}.small-UDXZu6.border-bUYfnV{border-width:2px}.img-u6Ny24{object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .4s;position:relative}.loaded-oROsLo{opacity:1}.map-gwcJ1m:before{content:"";z-index:0;background:currentColor;position:absolute;inset:0;mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 34 42%27><path d=%27M32 16.5c0 13.5-15 24-15 24S2 30 2 16.5a15 15 0 0 1 30 0Z%27 fill=%27%23fff%27/></svg>") 50%/contain no-repeat}.map-gwcJ1m .img-u6Ny24{border-radius:50%;width:60%;height:60%;position:absolute;top:4px;left:50%;transform:translate(-50%)}.text-sZ9yIf{width:100%;height:100%;padding:var(--spacing-size-4,.25rem);color:#fff;background:var(--color-background-neutral,#ccc);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-emphasis-font-size,.875rem);font-weight:500;line-height:var(--typescale-body-default-emphasis-line-height,1.25rem);letter-spacing:var(--typescale-body-default-emphasis-letter-spacing,0);justify-content:center;align-items:center;display:flex}