// mixins

@import './vars.scss';

@mixin clearfix() {
  &::after,
  &::before {
    content: '';
    line-height: 0;
    display: table;
  }

  &::after {
    clear: both;
  }
}

@mixin ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@mixin ellipsis-line($lineNum) {
  overflow: hidden;
  -webkit-line-clamp: $lineNum;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}