.x-scroll-indicator {
    position: absolute;
    z-index: 3;
    background-color: $scroll-indicator-background-color;
    // don't use the opacity() mixin here because we don't need old IE stuff for touch devices
    opacity: $scroll-indicator-opacity;
    border-radius: $scroll-indicator-border-radius;
    margin: $scroll-indicator-margin;
}

.x-scroll-indicator-x {
    bottom: 0;
    left: 0;
    height: $scroll-indicator-size;
}

.x-scroll-indicator-y {
    right: 0;
    top: 0;
    width: $scroll-indicator-size;
}

.x-list-light,
.x-dataview-light {
    .x-scroll-indicator {
        background: #fff;
    }
}
