// Mixins
// 混合宏，默认上下内边距24px，左右内边距34px
@mixin padding-style($vertical: $interval-vertical, $horizontal: $interval-horizontal) {
  padding: $vertical $horizontal;
}

// 混合宏，默认上下内边距24px，左右内边距34px
@mixin padding-margin-style($vertical: $interval-vertical, $horizontal: $interval-horizontal) {
  padding: $vertical $horizontal $vertical 0;
  margin-left: $horizontal;
}

// 按钮样式，默认主题色(参数：fontColor：字体颜色，$bgColor：背景色，$borderColor：边框颜色)
@mixin btn-style($fontColor: $color-white, $bgColor: $theme, $borderColor: $theme) {
  font-size: $font-size-34;
  height: 80px;
  line-height: 80px;
  background-color: $bgColor;
  border: 1px solid $borderColor;
  color: $fontColor;
}

// 按钮样式（参数：$width: 宽度，$height：高度, $bg：背景颜色）
@mixin btn-style1($width: 120px, $height: 56px, $bg: $bg-btn1) {
  width: $width;
  height: $height;
  line-height: $height;
  text-align: center;
  color: $theme;
  border: 1px solid $theme;
  background-color: $bg;
  font-size: $font-size-28;
  // border-radius: 6px;
  border-radius: 10px;
}

// 大按钮样式，高度80px(参数：width: 宽度，fontColor：字体颜色，$bgColor：背景色)
@mixin btn-style-big($width: 320px, $fontColor: $color-white, $bgColor: $theme) {
  font-size: $font-size-24;
  height: 80px;
  line-height: 80px;
  width: $width;
  background-color: $bgColor;
  color: $fontColor;
  padding: 0;
  margin: 0;
}

// 小按钮及选项按钮样式，高度60px(参数：width: 宽度，fontColor：字体颜色，$bgColor：背景色)
@mixin btn-style-small($width: 220px, $fontColor: $color-white, $bgColor: $theme) {
  font-size: $font-size-24;
  height: 60px;
  line-height: 60px;
  width: $width;
  background-color: $bgColor;
  color: $fontColor;
  padding: 0;
  margin: 0;
}

// 文字标签样式
@mixin text-label($color: $theme-sub) {
  border: 1px solid $color;
  color: $color;
  border-radius: 4px;
  text-align: center;
  padding: 0 12px;
}

// 超出部分内容省略号显示，支持多行
@mixin ellipsis($line: 1) {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

// 伪元素清除浮动
@mixin clearfix {
  zoom: 1;

  &::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

// 占位符，设置"我是领班"的样式
%orange-border-style {
  border: 1px solid $theme;
  color: $theme;
  padding: 0 8px;
}