// 滚动条
@mixin scroll-beautify($width, $color, $background, $type) {
  overflow-x: hidden;
  overflow-y: $type !important;
  -webkit-overflow-scrolling: touch;

  &::-webkit-scrollbar {
    width: $width;
  }

  &::-webkit-scrollbar-track {
    background-color: $background
  }

  &::-webkit-scrollbar-thumb {
    width: $width;
    background-color: $background
  }

  &:hover::-webkit-scrollbar-thumb {
    background-color: $color;
  }
}

@mixin linear_gradient($a, $b, $deg) {
  background: -webkit-linear-gradient($deg, $a 0%, $b 100%);
  background: -moz-linear-gradient($deg, $a 0%, $b 100%);
  background: -ms-linear-gradient($deg, $a 0%, $b 100%);
  background: linear-gradient($deg, $a 0%, $b 100%);
}


@mixin lineClamp($value) {
	text-overflow: -o-ellipsis-lastline;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $value;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: $value;
	overflow: hidden;
}