/* 文本不换行
------------------------------- */
@mixin text-no-wrap() {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 多行文本溢出
  ------------------------------- */
@mixin text-ellipsis($line: 2) {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
}

/* 滚动条(页面未使用) div 中使用：
  ------------------------------- */
// .test {
//   @include scrollBar;
// }
@mixin scrollBar {

    // 滚动条凹槽的颜色，还可以设置边框属性
    &::-webkit-scrollbar-track-piece {
        background-color: #f8f8f8;
    }

    // 滚动条的宽度
    &::-webkit-scrollbar {
        width: 9px;
        height: 9px;
    }

    // 滚动条的设置
    &::-webkit-scrollbar-thumb {
        background-color: #dddddd;
        background-clip: padding-box;
        min-height: 28px;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: #bbb;
    }
}