fineui/src/less/core/utils/common.less

@import "../../bibase";

.base-disabled {
  cursor: default !important;
  color: #c4c6c6 !important;
  //.opacity(0.5);
  & .b-font:before {
    color: #c4c6c6 !important;
  }
}

.base-invalid {
  cursor: default !important;
}

.clearfix {
  .clearfix();
}

//标红
.bi-keyword-red-mark {
  color: @color-bi-text-redmark;
}

//高亮
.bi-high-light {
  color: @color-bi-text-highlight;
}

//水印
.bi-water-mark {
  color: @water-mark-color;
  cursor: text;
}

//提示文本, 灰色字体
.bi-tips {
  color: @color-bi-text-tips;
}

//resize
.bi-resizer {
  background: @color-bi-background-virtual-blue;
  .opacity(0.8);
  z-index: @zIndex-tip;
}

.bi-z-index-mask {
  background-color: @color-bi-background-black;
  .opacity(0.5);
}
@color-list-item-hover: #04070d;

.bi-list-item {
  .list-item();
}

.bi-theme-dark {
  .bi-list-item {
    &:hover, &.hover {
      background-color: @color-list-item-hover;
      color: @color-bi-text;
    }
    &.disabled {
      &, &:hover, &:active {
        background-color: transparent;
      }
    }
  }
}

.bi-list-item-effect {
  .list-item-effect();
}

.bi-theme-dark {
  .bi-list-item-effect {
    &.active, &:active {
      color: @color-bi-text-highlight;
    }
    &.disabled {
      &, &:hover, &:active {
        color: @color-bi-text-disabled;
      }
    }
  }
}

.bi-list-item-hover {
  .list-item-hover();
}

.bi-theme-dark {
  .bi-list-item-hover {
    &:hover, &.hover {
      color: @color-bi-text-highlight;
      background-color: @color-list-item-hover;
    }
    &.disabled {
      &, &:hover, &:active {
        color: @color-bi-text-disabled;
        background-color: transparent;
      }
    }
  }
}

.bi-list-item-active {
  .list-item-active();
}

.bi-theme-dark {
  .bi-list-item-active {
    &:hover, &.hover {
      background-color: @color-list-item-hover;
      color: @color-bi-text;
    }
    &.active, &:active {
      color: @color-bi-text-highlight;
      background-color: @color-list-item-hover;
    }
    &.disabled {
      &, &:hover, &:active {
        background-color: transparent;
      }
    }
  }
}

.bi-list-item-select {
  .list-item-select();
}

.bi-theme-dark {
  .bi-list-item-select {
    &:hover, &.hover {
      color: @color-bi-text-highlight;
      background-color: @color-list-item-hover;
    }
    &:active, &.active {
      color: @color-bi-text;
      background-color: @color-bi-background-highlight;
      & .bi-high-light {
        color: @color-bi-text;
      }
    }
    &.disabled {
      &, &:hover, &:active {
        color: @color-bi-text-disabled !important;
        background-color: transparent !important;
        & .bi-high-light {
          color: @color-bi-text-disabled !important;
        }
      }
    }
  }
}