/**
 * 公共组合变量(compositional variable)
*/

@mixin link-colors(
  $normal,
  $hover: $normal,
  $visited: $normal
) {
  color: $normal;
  &:hover {
    color: $hover;
  }
  &:visited {
    color: $visited;
  }
}

@mixin linear-gradient($deg, $first, $last) {
  background: -webkit-linear-gradient($deg, $first 0%, $last 100%);
  background: -o-linear-gradient($deg, $first 0%, $last 100%);
  background: -moz-linear-gradient($deg, $first 0%, $last 100%);
  background: linear-gradient($deg, $first 0%, $last 100%);
}

// 多行文本缩略
// @param $line Number 行数
@mixin multi-ellipsis($line) {
  display: -webkit-box;
  -webkit-line-clamp: $line;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
}

@mixin no-bullets {
  list-style: none;
  li {
    list-style: none;
    margin-left: 0px;
  }
}

@mixin rounded-corners {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@mixin line-ellipsis {
  overflow: hidden; white-space:nowrap; text-overflow:ellipsis;
}

.dg-flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.dg-flex-auto {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  flex: auto;
  width: 100%;
}

.dg-scroll-content {
  width: 100%;
  height: 100%;
}

.dg-scroll-content__inner {
  padding: 0 17px 0 0;
}

.dg-overflow__hide {
  overflow: hidden;
}

.dg-hide {
  display: none;
}

.al-center {
  text-align: center;
}

.inline-block {
  display: inline-block;
  vertical-align: middle;
}

/* 导航条文字
-------------------------- */
.dg-words-nav{
  @include mq($large) {
    font-size: 14px;
  }
  @include mq($medium) {
    font-size: 14px;
  }
  @include mq($small) {
    font-size: 14px;
  }
}

/* 一级标题（卡片内标题文字）
-------------------------- */
.dg-words-title-first{
  font-weight:700;
  color: $--color-text-primary;

  @include mq($large) {
    font-size: 18px;
  }
  @include mq($medium) {
    font-size: 16px;
  }
  @include mq($small) {
    font-size: 14px;
  }
}

/* 二级标题
-------------------------- */
.dg-words-title-second{
  font-weight:700;
  color: $--color-text-primary;

  @include mq($large) {
    font-size: 16px;
  }
  @include mq($medium) {
    font-size: 14px;
  }
  @include mq($small) {
    font-size: 12px;
  }
}

/* 正文文字
-------------------------- */
.dg-words-normal{
  color: $--color-text-primary;

  @include mq($large) {
    font-size: 14px;
  }
  @include mq($medium) {
    font-size: 14px;
  }
  @include mq($small) {
    font-size: 12px;
  }
}

/* 小文字（辅助文字、次要文字）
-------------------------- */
.dg-words-auxiliary{
  font-size: 12px;
}

/* 标签文字
-------------------------- */
.dg-words-tag{
  font-size: 12px;
  color: $--color-text-primary;
}

/* 各种文字字体颜色
-------------------------- */
.dg-color-text-85{
  color: $--color-text-primary;
}
.dg-color-text-65{
  color: $--color-text-secondary;
}
.dg-color-text-45{
  color: $--color-text-regular;
}
.dg-color-text-25{
  color: $--color-text-placeholder;
}

/* 强制标红颜色
-------------------------- */
.dg-color-red{
  color: #f5222d !important;
}

/* 强制标蓝颜色
-------------------------- */
.dg-color-blue{
  color: $--color-primary;
}

/* 搜索栏对齐
-------------------------- */
.dg-searh-position{
  position: relative;
  left: -25px;
}

//
.el-popconfirm__action {
  text-align: right;
  margin: 0;
}

/deep/ .el-message{
   z-index: 9999 !important;
} 