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

vue and bootstrap

//webapp/css/element-theme/time-picker.css:178 have transition
//.fade-in-linear-enter-active, .fade-in-linear-leave-active,.fade-enter-active, .fade-leave-active {
//  transition: opacity 200ms linear
//}
//.fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active,.fade-enter, .fade-leave-active {
//  opacity: 0
//}
//.el-fade-in-enter-active, .el-fade-in-leave-active {
//  transition: all .3s cubic-bezier(.55,0,.1,1)
//}
//.el-fade-in-enter, .el-fade-in-leave-active {
//  opacity: 0
//}
//.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
//  opacity: 1;
//  transform: scaleY(1);
//  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
//  transform-origin: center top
//}
//.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
//  opacity: 0;
//  transform: scaleY(0)
//}
//
//.collapse-transition {
//  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out
//}


.el-tabs{
  .el-tabs__header{
    border-bottom-color: #d5d5d5;
  }

  .el-tabs__item{
    color: @text-color;
    height: 54px;
    line-height: 54px;
    padding: 0 20px;
  }
}
.el-tabs__active-bar{
  position: relative;
  &:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    bottom:3px;
    left: 50%;
    .translate(-50%,0);
    border-color: transparent;
    border-bottom-color: @brand-primary;
    border-width: 5px;
    border-top-width: 0;
  }
}

.is-loading{
   &:not(button){
     > :not(.el-loading-mask){
       display: none;
     }
   }

 }

.is-transparent{
  &:not(button){
    > :not(.el-loading-mask){
      opacity: 0;
    }
  }

}

@import "button";
@import "tooltip";
@import "form";
//game-events.html page require .el-table,,just for all page.
@import "table";
@import "datepicker";