index.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @import '../../tree/style/mixin';
  4. @import '../../checkbox/style/mixin';
  5. @tree-select-prefix-cls: ~'@{ant-prefix}-tree-select';
  6. @select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
  7. .antCheckboxFn(@checkbox-prefix-cls: ~'@{select-tree-prefix-cls}-checkbox');
  8. .@{tree-select-prefix-cls} {
  9. // ======================= Dropdown =======================
  10. &-dropdown {
  11. padding: @padding-xs (@padding-xs / 2);
  12. &-rtl {
  13. direction: rtl;
  14. }
  15. // ======================== Tree ========================
  16. .@{select-tree-prefix-cls} {
  17. border-radius: 0;
  18. &-list-holder-inner {
  19. align-items: stretch;
  20. .@{select-tree-prefix-cls}-treenode {
  21. .@{select-tree-prefix-cls}-node-content-wrapper {
  22. flex: auto;
  23. }
  24. }
  25. }
  26. }
  27. }
  28. }
  29. .@{select-tree-prefix-cls} {
  30. .antTreeFn(@select-tree-prefix-cls);
  31. // change switcher icon rotation in rtl direction
  32. & &-switcher {
  33. &_close {
  34. .@{select-tree-prefix-cls}-switcher-icon {
  35. svg {
  36. .@{tree-select-prefix-cls}-dropdown-rtl & {
  37. transform: rotate(90deg);
  38. }
  39. }
  40. }
  41. }
  42. &-loading-icon {
  43. .@{tree-select-prefix-cls}-dropdown-rtl & {
  44. transform: scaleY(-1);
  45. }
  46. }
  47. }
  48. }