@import "./config.scss";
@import "../common/var-nb.scss";

/* Scrollbar
 -------------------------- */

@mixin scroll-bar {
    $--scrollbar-thumb-background: #b4bccc;
    $--scrollbar-track-background: #fff;
    &::-webkit-scrollbar {
        z-index: 11;
        width: 6px;
        &:horizontal {
            height: 6px;
        }
        &-thumb {
            border-radius: 5px;
            width: 6px;
            background: $--scrollbar-thumb-background;
        }
        &-corner {
            background: $--scrollbar-track-background;
        }
        &-track {
            background: $--scrollbar-track-background;
            &-piece {
                background: $--scrollbar-track-background;
                width: 6px;
            }
        }
    }
}


/* Placeholder
 -------------------------- */

@mixin placeholder {
    &::-webkit-input-placeholder {
        @content
    }
    &::-moz-placeholder {
        @content
    }
    &:-ms-input-placeholder {
        @content
    }
}


/* BEM
 -------------------------- */

@mixin b($block) {
    $B: $namespace+'-'+$block !global;
    .#{$B} {
        font-family: MicrosoftYaHei;
        @content;
    }
}