wix-style-react
Version:
wix-style-react
28 lines (22 loc) • 734 B
CSS
@st-import [
--wds-side-panel-floating-border-radius,
--wds-color-fill-surface-overlay,
--wds-shadow-surface-overlay,
] from '@wix/design-system-tokens/all.st.css';
:import {
-st-from: '../Foundation/stylable/colors.st.css';
-st-named: D80;
}
.root {
-st-states: skin(enum(standard, floating));
background: var(--wds-color-fill-surface-overlay, value(D80));
display: flex;
flex-direction: column;
height: 100%;
}
/* skin: floating */
.root:skin(floating) {
border-radius: var(--wds-side-panel-floating-border-radius, 8px);
box-shadow: var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05));
}
/* st-namespace-reference="../../../src/SidePanel/SidePanel.st.css" */