/**
 * Created by henian.xu on 2017/7/3 0003.
 * 公共混合类
 */

// 清除浮动
@mixin clearfix() {
    &:before,
    &:after {
        content: '';
        display: table;
    }
    &:after {
        clear: both;
    }
}

// 单选或多行(chrome)显示
@mixin text-line($line) {
    overflow: hidden;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
}

@mixin make-icon {
    display: inline-block;
    font: normal normal normal 14px/1 Fonticon;
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@mixin beautify-scrollbar{
    $scrollbarSize: 6px !default;

    &::-webkit-scrollbar {
        position: absolute;
        display: block;
        width: $scrollbarSize;
        height: $scrollbarSize;
        border-radius: $scrollbarSize;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: $scrollbarSize;
        background: #757575;
    }

    &::-webkit-scrollbar-button {
        display: none;
    }

    &::-webkit-scrollbar-track {
        background: rgba(0,0,0,0.1); //#e1e1e1;
        border-radius: $scrollbarSize;
        //background: var(--md-theme-demo-light-scrollbar-background-on-background-variant, rgba(0,0,0,0.1));
    }
}