UNPKG

wix-style-react

Version:
34 lines (30 loc) 1.01 kB
@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" */