@mixin media($type...) {
  @each $screen in $type {
    @if $screen == xs {
      @media (max-width: 768px) {
        @content;
      }
    } @else if $screen == sm {
      @media (max-width: 920px) {
        @content;
      }
    } @else if $screen == md {
      @media (max-width: 1200px) {
        @content;
      }
    } @else if $screen == lg {
      @media (max-width: 1366px) {
        @content;
      }
    }
  }
}

@mixin ellipsis($lines: 1) {
  @if ($lines==1) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  } @else {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $lines;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
  }
}