Common mixins

Fix the problem of height collapse caused by floating

@mixin clearfix {
    
  &:after {
    
    clear: both;
    content: '.';
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
  }
  *height: 1%;
}

Single line text is too long to display ellipsis

@mixin textOverflow($width:100%,$display:block) {
    
  max-width: $width;
  display: $display;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}