// 溢出省略为...
@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

// 文本溢出省略为...，多行只支持Webkit
@mixin text-overflow($line: 1) {
  @if $line > 1 {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: $line;
  } @else {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
// 扩展小图标按钮的点击区域
@mixin extend-click() {
  position: relative;
  &:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
  }
}

//圆形
@mixin circle($size) {
  width: $size;
  height: $size;
  border-radius: 50%;
}

//hover变色
@mixin hover-color($normal-color, $hover-color: $primary) {
  &:not(:hover) {
    color: $normal-color;
  }
  &:hover {
    color: $hover-color;
  }
}