rtl.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. &-inset-label {
  25. margin-right: auto;
  26. margin-left: $spacing-input_insetLabel-marginRight;
  27. }
  28. &-clearbtn + &-suffix {
  29. & + .#{$module}-suffix-text {
  30. margin-left: auto;
  31. margin-right: 0;
  32. }
  33. & + .#{$module}-suffix-icon {
  34. margin-left: auto;
  35. margin-right: 0;
  36. }
  37. }
  38. &-append {
  39. border-left: 0;
  40. border-right: $width-input_append-border $color-input_default-border-default solid;
  41. }
  42. &-prepend {
  43. border-right: 0;
  44. border-left: $width-input_prepend-border $color-input_default-border-default solid;
  45. }
  46. &-group {
  47. .#{$prefix}-select,
  48. .#{$prefix}-cascader,
  49. .#{$prefix}-tree-select,
  50. & > .#{$module}-wrapper {
  51. &:not(:last-child) {
  52. &::after {
  53. right: auto;
  54. left: -1px;
  55. }
  56. }
  57. }
  58. .#{$prefix}-input-number {
  59. &:not(:last-child) {
  60. &::after {
  61. right: auto;
  62. left: -1px;
  63. }
  64. }
  65. }
  66. }
  67. }
  68. .#{$module}-textarea-wrapper {
  69. direction: rtl;
  70. }
  71. .#{$module}-textarea {
  72. &-counter {
  73. text-align: left;
  74. }
  75. &-showClear {
  76. padding-right: 0;
  77. padding-left: $spacing-textarea_withShowClear-paddingRight;
  78. }
  79. }
  80. }