.el-link {
  cursor: pointer;
}

.el-scroll-hidden {
  overflow: hidden !important;
}

.el-background-no-repeat {
  background-repeat: no-repeat;
}

.el-background-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.el-background-img-middle {
  background-repeat: no-repeat;
  background-position: center center;
}

.el-background-cover {
  background-size: cover;
  background-repeat: no-repeat;
  &.center {
    background-position: center;
  }
}

.el-scrolling-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
    display: none;
  }
}
.el-ellipsis {
  display : inline-block;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
}

.el-underline {
  border-bottom: solid 0.5px #3E3A39;
}

.el-dash-underline {
  border-bottom: dashed 0.5px #3E3A39;
}

.el-scrollbar {
  position: relative;
  height: 100%;
  overflow-y: scroll;

  &::-webkit-scrollbar {
    width: 5px;
  }

  &::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgb(219, 219, 219);
  }
}

.el-underline-table {
  @include sw-underline-table-attr(100px);
}

.el-underline-warn-table {
  @include sw-underline-table-attr(100px);
}

.el-underline-table.seven-text {
  @include sw-underline-table-attr(130px);
}

.el-transparent-hr {
  box-shadow: 0 2px 3px 1px;
  height: 1px;
  width: 100%;
  color: lightgray;
}

.el-border-list {
  li {
    @extend %sw-border-list-li;
  }
}

.el-tag-list {
  li {
    @extend %sw-border-list-li;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;

    &:before{
      content:"";
      float:left;
      position:absolute;
      top:0;
      left:-12px;
      width:0;
      height:0;
      border-style:solid;
      border-width: 18px 12px 18px 0;
    }
  }
}