@import './theme.scss';
/**
 * 对于部分不兼容的样式，可以通过 mixins 统一处理
 */

/**
 *
 * $dir 方位: bottom top left right
 * $width 高度大小: 1px
 * $style 显示类型: solid
 * $color 颜色: #e5e5e5
 * 列子： border(bottom, 1px, solid, #e5e5e5);
 */
@mixin border($width: 1px, $style: solid, $color: $divider-color) {
  border: $width $style $color
}
@mixin border-divider ($dir: 'bottom', $width: 1px, $style: solid, $color: $divider-color) {
  #{border-#{$dir}}: $width $style $color;
}
/**
* 1px 分割线
*/
@mixin border-divider-box ($width: 1px, $color: $divider-color) {
  border: $width solid $color;
}

/**
 * NOTE 单行省略
 */
@mixin text-ellipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * NOTE 多行文本省略
 */
@mixin lamp-clamp($line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}
/**
* 清除浮动
*/
@mixin clearBox() {
  zoom: 1;
  &:after{
    content:"";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
  }
}
// 阴影
@mixin boxShadow() {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
