@include b(link) {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: $--link-font-size;
    font-weight: $--link-font-weight;
  
    @include when(underline) {
      &:hover:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 0;
        bottom: 0;
        border-bottom: 1px solid $--link-default-active-color
      }
    }
  
    @include when(disabled) {
      cursor: not-allowed;
    } 
  
    & [class*="el-icon-"] {
      & + span {
        margin-left: 5px;
      }
    }
      
      
    &.el-link--default  {
      color: $--link-default-font-color;
      &:hover {
        color: $--link-default-active-color
      }
      &:after {
        border-color: $--link-default-active-color
      }
      @include when(disabled) {
        color: $--link-disabled-font-color;
        &:hover {
            color: #1890ff;
            opacity: 0.5;
        }
      }
    }
  }
@include b(link-warning) {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: $--link-font-size;
    font-weight: $--link-font-weight;
  
    @include when(underline) {
      &:hover:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 0;
        bottom: 0;
        border-bottom: 1px solid $--color-warning
      }
    }
  
    @include when(disabled) {
        cursor: not-allowed;
    } 
  
    & [class*="el-icon-"] {
      & + span {
        margin-left: 5px;
      }
    }
      
      
    &.el-link--default  {
      color: $--link-default-font-color;
      &:hover {
        color: $--color-warning
      }
      &:after {
        border-color: $--color-warning
      }
      @include when(disabled) {
        color: $--link-disabled-font-color;
        &:hover {
            color: rgba(240,100,40,0.5);
        }
      }
    }
  }