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

@mixin more-wrap($row: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $row;
  -webkit-box-orient: vertical;
}

@mixin rotate($turn: 360deg, $count: infinite) {
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: $count;
  animation-timing-function: linear;
  @keyframes rotate {
    0% {
      transform: rotate(0) translateZ(0);
    }
    100% {
      transform: rotate($turn) translateZ(0);
    }
  }
}