rtl.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. //@import '../theme/variables.scss';
  2. @import "./variables.scss";
  3. $module: #{$prefix}-input;
  4. .#{$prefix}-rtl,
  5. .#{$prefix}-portal-rtl {
  6. .#{$module}-wrapper {
  7. direction: rtl;
  8. &__with-prefix {
  9. .#{$module} {
  10. padding-left: auto;
  11. padding-right: 0;
  12. }
  13. }
  14. &__with-suffix {
  15. .#{$module} {
  16. padding-right: auto;
  17. padding-left: 0;
  18. }
  19. }
  20. }
  21. .#{$module} {
  22. padding-left: $spacing-input-paddingRight;
  23. padding-right: $spacing-input-paddingLeft;
  24. &-clearbtn + &-suffix {
  25. & + .#{$module}-suffix-text {
  26. margin-left: auto;
  27. margin-right: 0;
  28. }
  29. & + .#{$module}-suffix-icon {
  30. margin-left: auto;
  31. margin-right: 0;
  32. }
  33. }
  34. &-append {
  35. border-left: 0;
  36. border-right: $width-input_append-border $color-input_default-border-default solid;
  37. }
  38. &-prepend {
  39. border-right: 0;
  40. border-left: $width-input_prepend-border $color-input_default-border-default solid;
  41. }
  42. &-group {
  43. .#{$prefix}-select,
  44. .#{$prefix}-cascader,
  45. .#{$prefix}-tree-select,
  46. & > .#{$module}-wrapper {
  47. &:not(:last-child) {
  48. &::after {
  49. right: auto;
  50. left: -1px;
  51. }
  52. }
  53. }
  54. .#{$prefix}-input-number {
  55. &:not(:last-child) {
  56. &::after {
  57. right: auto;
  58. left: -1px;
  59. }
  60. }
  61. }
  62. }
  63. }
  64. .#{$module}-textarea-wrapper {
  65. direction: rtl;
  66. }
  67. .#{$module}-textarea {
  68. &-counter {
  69. text-align: left;
  70. }
  71. &-showClear {
  72. padding-right: 0;
  73. padding-left: $spacing-textarea_withShowClear-paddingRight;
  74. }
  75. }
  76. }