lixin-web/webapp/less/element-ui/tooltip.less

vue and bootstrap

.el-tooltip__popper{
  &.is-success{
    background: @brand-success;
    color: #fff;
    &[x-placement^=left] .popper__arrow{
      &,&:after{
        border-left-color: @brand-success;
      }
    }
  }
  &.is-info{
    background: @brand-info;
    color: #fff;
    &[x-placement^=top] .popper__arrow{
      &,&:after{
        border-top-color: @brand-info;
      }
    }
  }

  &.is-warning{
    background: @brand-warning;
    color: #fff;
    &[x-placement^=top] .popper__arrow{
      &,&:after{
        border-top-color: @brand-warning;
      }
    }
  }
  &.is-primary{
    background: @brand-primary;
    color: #fff;
    &[x-placement^=top] .popper__arrow{
      &,&:after{
        border-top-color: @brand-primary;
      }
    }
    &[x-placement^=right] .popper__arrow{
      &,&:after{
        border-right-color: @brand-primary;
      }
    }
    &[x-placement^=left] .popper__arrow{
      &,&:after{
        border-left-color: @brand-primary;
      }
    }
  }
  &.is-light-warning{
    background: @brand-light-warning;
    color: #fff;
    &[x-placement^=top] .popper__arrow{
      &,&:after{
        border-top-color: @brand-light-warning;
      }
    }
  }
}
.el-tooltip__popper.is-light{
  &.error-tooltip{
    border-color:@brand-danger ;
    color: @brand-danger;
    &[x-placement^="left"] .popper__arrow{
      border-left-color: @brand-danger;
    }
  }
}


//.copy-tooltip{
//  .popper__arrow{
//    //fix el-tooltip calc style top
//    top: 12px!important;
//  }
//}