// ====
// Mixins

// Clear
@mixin clearfix(){
  &:before,
  &:after{ 
  	content: " "; 
  	display: table;
  }
  &:after{
  	clear: both; 
  }
}
@mixin clearall(){
  &:before,
  &:after{
  	content: " ";
  	display: table;
  	clear: both;
  }
}


// --
// lines

@mixin multiLineEllipsis($line-height, $lines-to-show){
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: $lines-to-show;
  -webkit-box-orient: vertical;
  line-height: $line-height;
  max-height: $line-height * $lines-to-show;
  overflow: hidden;
  text-overflow: ellipsis;
}


// --
// scroll

@mixin scrollbar($size, $primary, $secondary: lighten($primary, 40%), $border-radius: 0) {
  &::-webkit-scrollbar {
    width:  $size;
    height: $size;
  }
  &::-webkit-scrollbar-thumb {
    background: $primary;
  }
  &::-webkit-scrollbar-track {
    background: $secondary;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: $border-radius;
  }
  &::-webkit-scrollbar-track {
    border-radius: $border-radius;
  }
}