wix-style-react/src/Foundation/stylable/default-scroll-bar.st.css

wix-style-react

:import {
    -st-from: "./colors.st.css";
    -st-named: B30, B20, B10;
}

.defaultScrollBar::-webkit-scrollbar {
    height: 0;
    width: 18px;
}
.defaultScrollBar::-webkit-scrollbar-button {
    display: none;
    height: 6px;
}
.defaultScrollBar::-webkit-scrollbar-thumb {
    /* https://stackoverflow.com/a/16829330/5343330 */
    background-color: value(B30);
    background-clip: content-box;
    border-radius: calc(5px * 2);
    border: 5px solid transparent;
    height: 72px;
}

.defaultScrollBar::-webkit-scrollbar-thumb:hover {
     background-color: value(B20);
 }
.defaultScrollBar::-webkit-scrollbar-thumb:active {
     background-color: value(B10);
 }