| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- //@import '../theme/variables.scss';
- @import "./variables.scss";
- $module: #{$prefix}-input;
- .#{$prefix}-rtl,
- .#{$prefix}-portal-rtl {
- .#{$module}-wrapper {
- direction: rtl;
- &__with-prefix {
- .#{$module} {
- padding-left: auto;
- padding-right: 0;
- }
- }
- &__with-suffix {
- .#{$module} {
- padding-right: auto;
- padding-left: 0;
- }
- }
- }
- .#{$module} {
- padding-left: $spacing-input-paddingRight;
- padding-right: $spacing-input-paddingLeft;
- &-inset-label {
- margin-right: auto;
- margin-left: $spacing-input_insetLabel-marginRight;
- }
- &-clearbtn + &-suffix {
- & + .#{$module}-suffix-text {
- margin-left: auto;
- margin-right: 0;
- }
- & + .#{$module}-suffix-icon {
- margin-left: auto;
- margin-right: 0;
- }
- }
- &-append {
- border-left: 0;
- border-right: $width-input_append-border $color-input_default-border-default solid;
- }
- &-prepend {
- border-right: 0;
- border-left: $width-input_prepend-border $color-input_default-border-default solid;
- }
- &-group {
- .#{$prefix}-select,
- .#{$prefix}-cascader,
- .#{$prefix}-tree-select,
- & > .#{$module}-wrapper {
- &:not(:last-child) {
- &::after {
- right: auto;
- left: -1px;
- }
- }
- }
- .#{$prefix}-input-number {
- &:not(:last-child) {
- &::after {
- right: auto;
- left: -1px;
- }
- }
- }
- }
- }
- .#{$module}-textarea-wrapper {
- direction: rtl;
- }
- .#{$module}-textarea {
- &-counter {
- text-align: left;
- }
- &-showClear {
- padding-right: 0;
- padding-left: $spacing-textarea_withShowClear-paddingRight;
- }
- }
- }
|