// -----------------------------------------------------
// Author:GuangHui
// Date:2019-0320
// -----------------------------------------------------

@charset "UTF-8";

// 移动端点击无高光
%noHighLight {
  -webkit-tap-highlight-color: transparent;
}

// 去除表单默认样式
%noAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

// 禁用选择
%noSelect {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

// 禁用callOut
%noCallOut {
  -webkit-touch-callout: none;
}

// 文本换行
%textWrap {
  word-wrap: break-word;
  word-break: break-all;
}

// 两端对齐
%textJustify {
  text-align: justify;
  @if $lte7 {
    text-justify: inter-ideograph \9;
  }
  //去除伪元素所占空间,但%textJustify内部元素必须设置字体大小(因为继承的关系，他们font-size也为0,所以需要重置)
  font-size: 0;
  &:after {
    content: '';
    @include inline-block();
    width: 100%;
    height: 0;
  }
}

// 清除浮动
%clearfix {
  @if $lte7 {
    *zoom: 1;
  }
  &:before,
  &:after {
    content: '';
    display: table;
  }
  &:after {
    clear: both;
    overflow: hidden;
  }
}

@mixin clearfix() {
  @extend %clearfix;
}

// 设置box为border-box
%borderBox {
  box-sizing: border-box;
}

@mixin borderBox() {
  @extend %borderBox;
}

// ie6/7 haslayout
%zoom {
  @if $lte7 {
    *zoom: 1;
  }
}
