yyzone/src/assets/styles/components/scroller.less

yyzone vue components and utils

.scroll-content-horizonal {
    .square(100%);
    overflow: hidden;
    position: relative;

    .ps__thumb-y {
        width: 100%!important;
        border-radius: 5px!important;
        background-color: rgba(0,0,0,.30) !important;
    }

    .ps__rail-y {
        width: 4px!important;
        z-index: 999;
    }

    .ps__rail-y:hover,
    .ps__rail-y:focus,
    .ps__rail-y.ps--clicking {
        background-color: transparent;
        width: 8px !important;
        opacity: 1 !important;
    }

    .ps__thumb-x {
        height: 100%!important;
        border-radius: 5px!important;
        background-color: rgba(0,0,0,.30) !important;
    }

    .ps__rail-x {
        height: 4px!important;
        z-index: 999;
    }

    .ps__rail-x:hover,
    .ps__rail-x:focus,
    .ps__rail-x.ps--clicking {
        background-color: transparent;
        height: 8px !important;
        opacity: 1 !important;
    }
}