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.8 kB
CSS
.root-EPBFti{flex-direction:column;display:flex}.root-EPBFti[data-size=medium] .trigger-Sz7S9j{padding:var(--Spacing-2,.5rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-default-font-size,.875rem);font-weight:400;line-height:var(--typescale-body-default-line-height,1.25rem);letter-spacing:var(--typescale-body-default-letter-spacing,0)}.root-EPBFti[data-size=medium] .innerTrigger-D7UI5E{padding:0 var(--Spacing-2,.5rem)}.root-EPBFti[data-size=small] .trigger-Sz7S9j{padding:var(--Spacing-1,.25rem);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem)}.root-EPBFti[data-size=small] .innerTrigger-D7UI5E{padding:0 var(--Spacing-1,.25rem)}.root-EPBFti .trigger-Sz7S9j[data-state=active]{font-weight:500}.list-kGcKr5{align-items:flex-start;display:flex}.trigger-Sz7S9j{all:unset;cursor:pointer;color:var(--color-content-secondary,#646464);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--color-content-secondary,#646464)50%,transparent);transition:font-weight .1s,color .2s,box-shadow .4s}.trigger-Sz7S9j[data-state=active]{color:var(--color-content-primary,#202020);box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.trigger-Sz7S9j:hover .innerTrigger-D7UI5E,.trigger-Sz7S9j:focus-visible .innerTrigger-D7UI5E{border-radius:var(--radius-radii-4,.25rem);background-color:color-mix(in srgb,var(--color-background-screen-hover)4%,transparent)}.trigger-Sz7S9j:disabled{opacity:.38;pointer-events:none}.innerTrigger-D7UI5E{background-color:#0000;transition:background-color .2s}.content-dNCzwV{padding-top:var(--spacing-size-16,1rem)}