caimei-authentic-www/assets/css/utils.scss

/* mixin混入 */
@use 'sass:meta'; // 注意这一句不要忘了

/* scss中可以用mixin来扩展 */
@mixin ellipsis($line: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}

@mixin triangle($width, $rest...) {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border: $width solid transparent;
  @each $key, $color in meta.keywords($rest) {
    border-#{$key}-color: $color;
  }
}

@mixin flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}