// @import "~extend"

// 文字超出省略
.e-ellipsis
  overflow: hidden
  white-space: nowrap
  text-overflow: ellipsis
.e-ellipsis--l2
  display: -webkit-box
  overflow: hidden
  text-overflow: ellipsis
  -webkit-line-clamp: 2
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical
.e-ellipsis--l3
  display: -webkit-box
  overflow: hidden
  text-overflow: ellipsis
  -webkit-line-clamp: 3
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical
// 设置iconfont
.e-iconfont
  color: $-iconfont-color
  font-size: $-iconfont-fontSize
// 背景图设置小于1px的分割线
[class*='e-linear-gradient']
  background-image: linear-gradient(180deg, $-color-border, $-color-border 50%, transparent 0)
  background-size: 100% 1px
  background-repeat: no-repeat
.e-linear-gradient--bottom
  background-position: bottom
.e-linear-gradient--top
  background-position: top
// 伪类设置1px边框
[class*='e-border']::after
  position: absolute
  box-sizing: border-box
  content: ' '
  pointer-events: none
  top: -50%
  right: -50%
  bottom: -50%
  left: -50%
  border: 0 solid $-color-border
  transform: scale(0.5)
.e-border, .e-border--top, .e-border--left, .e-border--right, .e-border--bottom, .e-border--surround, .e-border-top-bottom
  position: relative
.e-border--top::after
  border-top-width: 1px
.e-border--left::after
  border-left-width: 1px
.e-border--right::after
  border-right-width: 1px
.e-border--bottom::after
  border-bottom-width: 1px
.e-border--surround::after
  border-width: 1px
  border-radius: 4px
.e-border-top-bottom::after
  border-top-width: 1px
  border-bottom-width: 1px
// 头部伪类标志
.e-mark--before
  position: relative
  padding-bottom: 10px
  padding-left: 15px
  &::before
    overflow: hidden
    position: absolute
    left: 0
    top: 0
    border-radius: 4px
    background-color: $-color-theme
    color: $-color-theme
    margin-right: 10px
    content: '-'
