fineui/src/less/resource/background.less

@import "../image";
@import "../lib/icon";
@import "../lib/background";

.bi-farbtastic .wheel {
  .imagePath(@background-farbtastic-wheel);
}

.bi-farbtastic .overlay {
  .imagePath(@background-farbtastic-overlay);
}

.bi-farbtastic .marker {
  .imagePath(@background-farbtastic-marker);
}

.bi-display-tree {
  & .ztree li span.button.switch.center_open {
    .imagePath(@icon-tree-vertical-line-3);
  }

  & .ztree li span.button.switch.roots_open {
    .imagePath(@icon-tree-vertical-line-2);
  }

  & .ztree li span.button.switch.bottom_open {
    .imagePath(@icon-tree-vertical-line-4);
  }
}

.ztree li ul.line {
  .imagePath(@icon-tree-vertical-line-1, 0, 1px, repeat-y);
}

.bi-theme-dark {
  .ztree li ul.line {
    .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 1px, repeat-y);
  }
}

.ztree li span.button.chk.checkbox_false_full {
  .image2xPath(@icon-checkbox-normal);
}

.ztree li span.button.chk.checkbox_false_full_focus {
  .image2xPath(@icon-checkbox-normal);
}

.ztree li span.button.chk.checkbox_false_part {
  .image2xPath(@icon-checkbox-normal);
}

.ztree li span.button.chk.checkbox_false_part_focus {
  .image2xPath(@icon-half-select);
}

.ztree li span.button.chk.checkbox_true_full {
  .image2xPath(@icon-checkbox-active);
}

.ztree li span.button.chk.checkbox_true_full_focus {
  .image2xPath(@icon-checkbox-active);
}

.ztree li span.button.chk.checkbox_true_part {
  .image2xPath(@icon-half-select);
}

.ztree li span.button.chk.checkbox_true_part_focus {
  .image2xPath(@icon-half-select);
}

.ztree.hack li span.button.chk.checkbox_false_full {
  .imagePath(@icon-checkbox-normal);
}

.ztree.hack li span.button.chk.checkbox_false_full_focus {
  .imagePath(@icon-checkbox-normal);
}

.ztree.hack li span.button.chk.checkbox_false_part {
  .imagePath(@icon-checkbox-normal);
}

.ztree.hack li span.button.chk.checkbox_false_part_focus {
  .imagePath(@icon-half-select);
}

.ztree.hack li span.button.chk.checkbox_true_full {
  .imagePath(@icon-checkbox-active);
}

.ztree.hack li span.button.chk.checkbox_true_full_focus {
  .imagePath(@icon-checkbox-active);
}

.ztree.hack li span.button.chk.checkbox_true_part {
  .imagePath(@icon-half-select);
}

.ztree.hack li span.button.chk.checkbox_true_part_focus {
  .imagePath(@icon-half-select);
}

.ztree li span.button.root_open {
  .imagePath(@icon-tree-expand-type1);
}

.bi-theme-dark {
  .ztree li span.button.root_open {
    .imagePath(@icon-tree-expand-type1-theme-dark);
  }
}

.ztree li span.button.root_close {
  .imagePath(@icon-tree-collapse-type1);
}

.bi-theme-dark {
  .ztree li span.button.root_close {
    .imagePath(@icon-tree-collapse-type1-theme-dark);
  }
}

.ztree li span.button.roots_open {
  .imagePath(@icon-tree-expand-type2);
}

.bi-theme-dark {
  .ztree li span.button.roots_open {
    .imagePath(@icon-tree-expand-type2-theme-dark);
  }
}

.ztree li span.button.roots_close {
  .imagePath(@icon-tree-collapse-type2);
}

.bi-theme-dark {
  .ztree li span.button.roots_close {
    .imagePath(@icon-tree-collapse-type2-theme-dark);
  }
}

.ztree li span.button.center_open {
  .imagePath(@icon-tree-expand-type3);
}

.bi-theme-dark {
  .ztree li span.button.center_open {
    .imagePath(@icon-tree-expand-type3-theme-dark);
  }
}

.ztree li span.button.center_close {
  .imagePath(@icon-tree-collapse-type3);
}

.bi-theme-dark {
  .ztree li span.button.center_close {
    .imagePath(@icon-tree-collapse-type3-theme-dark);
  }
}

.ztree li span.button.bottom_open {
  .imagePath(@icon-tree-expand-type4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_open {
    .imagePath(@icon-tree-expand-type4-theme-dark);
  }
}

.ztree li span.button.bottom_close {
  .imagePath(@icon-tree-collapse-type4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_close {
    .imagePath(@icon-tree-collapse-type4-theme-dark);
  }
}

.ztree li span.button.roots_docu {
  .imagePath(@icon-tree-vertical-line-2);
}

.bi-theme-dark {
  .ztree li span.button.roots_docu {
    .imagePath(@icon-tree-vertical-line-2-theme-dark);
  }
}

.ztree li span.button.center_docu {
  .imagePath(@icon-tree-vertical-line-3);
}

.bi-theme-dark {
  .ztree li span.button.center_docu {
    .imagePath(@icon-tree-vertical-line-3-theme-dark);
  }
}

.ztree li span.button.bottom_docu {
  .imagePath(@icon-tree-vertical-line-4);
}

.bi-theme-dark {
  .ztree li span.button.bottom_docu {
    .imagePath(@icon-tree-vertical-line-4-theme-dark);
  }
}
.ztree li span.button.ico_loading {
  .imagePath(@icon-loading);
}

.base-line-conn-background {
  .imagePath(@icon-tree-vertical-line-1, 0, 0, repeat-y);
}

.bi-theme-dark {
  .base-line-conn-background {
    .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 0, repeat-y);
  }
}

.first-line-conn-background {
  .imagePath(@icon-tree-vertical-line-2);
}

.bi-theme-dark {
  .first-line-conn-background {
    .imagePath(@icon-tree-vertical-line-2-theme-dark);
  }
}

.mid-line-conn-background {
  .imagePath(@icon-tree-vertical-line-3);
}

.bi-theme-dark {
  .mid-line-conn-background {
    .imagePath(@icon-tree-vertical-line-3-theme-dark);
  }
}

.last-line-conn-background {
  .imagePath(@icon-tree-vertical-line-4);
}

.bi-theme-dark {
  .last-line-conn-background {
    .imagePath(@icon-tree-vertical-line-4-theme-dark);
  }
}

.loading-background {
  .image2xPath(@icon-loading);
}

.auto-color-background {
  .image2xPath(@background-auto-color);
}

.auto-color-normal-background {
  .image2xPath(@background-auto-color-normal);
}

.auto-color-normal-disabled-background {
  .image2xPath(@background-auto-color-normal-disabled);
}

.trans-color-background {
  .image2xPath(@background-trans-color);
}

.trans-color-disabled-background {
  .image2xPath(@background-trans-color-disabled);
}

.auto-color-background {
  &.hack{
    .imagePath(@background-auto-color);
  }
}

.auto-color-normal-background {
  &.hack{
    .imagePath(@background-auto-color-normal);
  }
}

.auto-color-normal-disabled-background {
  &.hack{
    .imagePath(@background-auto-color-normal-disabled);
  }
}

.trans-color-background {
  &.hack{
    .imagePath(@background-trans-color);
  }
}

.trans-color-disabled-background {
  &.hack{
    .imagePath(@background-trans-color-disabled);
  }
}

.background(wave-loading, @icon-wave-loading);