util.scss

/**
 * display: flex;
 */
@mixin flex(
  $flex-direction: row,
  $justify-content: center,
  $align-items: center,
  $align-content: flex-start,
  $flex-wrap: wrap
) {
  display: flex;
  flex-direction: $flex-direction;
  flex-wrap: $flex-wrap;
  justify-content: $justify-content;
  align-content: $align-content;
  align-items: $align-items;
}

/**
 * 省略号
 * @param $row-count 行数，默认为单行
 */
@mixin ellipsis($row-count: 1) {
  text-overflow: ellipsis;
  @if $row-count <=1 {
    overflow: hidden;
    white-space: nowrap;
  } @else {
    min-width: 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: $row-count;
    -webkit-box-orient: vertical;
  }
}