/* 单行文本超出省略号显示 */
@mixin ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* css 文本多行显示，超出省略号表示 */
@mixin multi-ellipsis($lines: 3) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
}

/* border 边框 */
@mixin hairline($color: var(--border-color)) {
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  box-sizing: border-box;
  pointer-events: none;
  content: ' ';
  border: 0 solid $color;
  transform: scale(0.5);
  transform-origin: center;
}

/* 元素居中定位 */
@mixin absolute-center($pos: absolute) {
  position: $pos;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 禁止态 */
@mixin disabled {
  color: #bbb;
}

@mixin hairline-common() {
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  content: ' ';
  transform-origin: center; /* cover wechat button:after default transforn-origin */
}

@mixin hairline($color: rgba(0, 0, 0, 0.2)) {
  @include hairline-common();

  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid $color;
  transform: scale(0.5);
}