@import '_variables';

@mixin scrollbar() {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
    // 全局默认样式
    ::-webkit-scrollbar-thumb {
        border-radius: 12px;
        background-color: #49b1f5;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    }
}

html.dark {
    ::-webkit-scrollbar-thumb {
        background-color: #89b1f5;
        background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
    }
}

@include scrollbar();
@media (max-width: $MQNarrow) {
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
}