rtl.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. $module: #{$prefix}-select;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. &-selection {
  7. margin-left: 0;
  8. margin-right: $spacing-select_selection-marginLeft;
  9. .#{$prefix}-tag {
  10. &:nth-of-type(1) {
  11. margin-right: 0;
  12. }
  13. }
  14. .#{$prefix}-tag-group {
  15. .#{$prefix}-tag {
  16. // rtl override mixin
  17. margin-left: $spacing-select_tag-marginRight;
  18. margin-right: 0;
  19. }
  20. }
  21. }
  22. &-multiple {
  23. .#{$module}-selection {
  24. margin-left: 0;
  25. margin-right: $spacing-select_multiple_selection-marginLeft;
  26. }
  27. .#{$module}-content-wrapper {
  28. &-empty {
  29. margin-left: 0;
  30. margin-right: $spacing-select_multiple_content_wrapper_empty-marginLeft;
  31. }
  32. }
  33. }
  34. &-inset-label {
  35. margin-left: $spacing-select_insetLabel-marginRight;
  36. }
  37. &-create-tips {
  38. margin-right: 0;
  39. margin-left: $spacing-select_create_tips-marginRight;
  40. }
  41. }
  42. .#{$module}-with-prefix {
  43. .#{$module}-selection {
  44. margin-left: auto;
  45. margin-right: 0;
  46. }
  47. }
  48. // 单选且可输入
  49. .#{$single}.#{$filterable} {
  50. .#{$prefix}-input-wrapper {
  51. left: auto;
  52. right: 0;
  53. }
  54. }
  55. // 多选且可输入
  56. .#{$multiple}.#{$filterable} {
  57. .#{$module}-content-wrapper {
  58. &-empty {
  59. .#{$prefix}-input-wrapper {
  60. left: auto;
  61. right: 0;
  62. }
  63. }
  64. }
  65. }
  66. .#{$module}-group {
  67. padding-left: $spacing-select_group-paddingLeft;
  68. padding-right: $spacing-select_group-paddingRight;
  69. }
  70. .#{$module}-option {
  71. &-icon {
  72. margin-right: 0;
  73. margin-left: $spacing-select_option_tick-marginRight;
  74. }
  75. }
  76. }