rtl.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. $module: #{$prefix}-tree-select;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. .#{$prefix}-tagInput {
  7. .#{$prefix}-input {
  8. padding-right: 0;
  9. }
  10. }
  11. &-multiple-tagInput-notEmpty {
  12. .#{$prefix}-tagInput {
  13. margin-left: 0;
  14. margin-right: $spacing-treeSelect_selection_tagInput_notEmpty-marginLeft;
  15. }
  16. }
  17. &-multiple-tagInput-empty {
  18. .#{$prefix}-tagInput {
  19. margin-left: 0;
  20. margin-right: $spacing-treeSelect_selection_tagInput_empty-marginLeft;
  21. }
  22. }
  23. &-selection{
  24. padding-right: $spacing-treeSelect_selection-paddingLeft;
  25. padding-left: 0;
  26. }
  27. &-multiple {
  28. .#{$module}-selection {
  29. padding-left: 0;
  30. padding-right: $spacing-treeSelect_selection_multiple-paddingLeft;
  31. &-placeholder {
  32. padding-left: 0;
  33. padding-right: $spacing-treeSelect_placeholder_multiple-paddingLeft;
  34. }
  35. }
  36. }
  37. &-inset-label {
  38. margin-right: 0;
  39. margin-left: $spacing-treeSelect_insertLabel-marginRight;
  40. }
  41. &-prefix,
  42. &-suffix {
  43. &.#{$module}-with-suffix {
  44. .#{$module}-selection {
  45. padding-right: auto;
  46. padding-left: 0;
  47. }
  48. }
  49. }
  50. }
  51. .#{$module}-popover {
  52. direction: rtl;
  53. }
  54. }