wix-style-react
Version:
wix-style-react
34 lines (30 loc) • 1.01 kB
CSS
@st-import [
--wds-color-blue-100,
--wds-color-blue-200,
--wds-color-blue-300,
--wds-border-radius-full,
] from '@wix/design-system-tokens/all.st.css';
@st-import [B30, B20, B10] from "./colors.st.css";
.defaultScrollBar::-webkit-scrollbar {
height: 0;
width: 12px;
}
.defaultScrollBar::-webkit-scrollbar-button {
display: none;
height: 6px;
}
.defaultScrollBar::-webkit-scrollbar-thumb {
/* https://stackoverflow.com/a/16829330/5343330 */
background-color: var(--wds-color-blue-300, value(B30));
background-clip: content-box;
border-radius: var(--wds-border-radius-full, calc(3px * 2));
border: 3px solid transparent;
height: 72px;
}
.defaultScrollBar::-webkit-scrollbar-thumb:hover {
background-color: var(--wds-color-blue-200, value(B20));
}
.defaultScrollBar::-webkit-scrollbar-thumb:active {
background-color: var(--wds-color-blue-100, value(B10));
}
/* st-namespace-reference="../../../../src/Foundation/stylable/default-scroll-bar.st.css" */