metarare_front-prod/assets/css/_scroll.scss

@mixin scroll {
    &::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    @media screen and (max-width: 1024px) {
        &::-webkit-scrollbar {
            width: 3px;
            height: 3px;
        }
    }


    /* Track */
    &::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;
    }

    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
}