UNPKG

5.19 kBSCSSView Raw
1@charset "UTF-8";
2
3#{$input-prefix}[dir="rtl"] {
4 &.#{$css-prefix}small {
5 @include input-size-rtl($input-s-label-padding-left, $input-s-icon-padding-right);
6 }
7
8 &.#{$css-prefix}medium {
9 @include input-size-rtl($input-m-label-padding-left, $input-m-icon-padding-right);
10 }
11
12 &.#{$css-prefix}large {
13 @include input-size-rtl($input-l-label-padding-left, $input-l-icon-padding-right);
14 }
15
16 &#{$input-prefix}-textarea {
17 #{$input-prefix}-len {
18 text-align: left;
19 }
20 }
21
22 #{$input-prefix}-control {
23 > *:not(:last-child) {
24 padding-left: $s-1;
25 padding-right: 0;
26 }
27 }
28}
29#{$input-prefix}-group[dir="rtl"] {
30 > #{$input-prefix}:first-child {
31 &.#{$css-prefix}small {
32 border-top-left-radius: 0 !important;
33 border-bottom-left-radius: 0 !important;
34 border-top-right-radius: $form-element-small-corner !important;
35 border-bottom-right-radius: $form-element-small-corner !important;
36 }
37
38 &.#{$css-prefix}medium {
39 border-top-left-radius: 0 !important;
40 border-bottom-left-radius: 0 !important;
41 border-top-right-radius: $form-element-medium-corner !important;
42 border-bottom-right-radius: $form-element-medium-corner !important;
43 }
44
45 &.#{$css-prefix}large {
46 border-top-left-radius: 0 !important;
47 border-bottom-left-radius: 0 !important;
48 border-top-right-radius: $form-element-large-corner !important;
49 border-bottom-right-radius: $form-element-large-corner !important;
50 }
51 }
52 > #{$input-prefix}:last-child {
53 &.#{$css-prefix}small {
54 border-top-left-radius: $form-element-small-corner !important;
55 border-bottom-left-radius: $form-element-small-corner !important;
56 border-top-right-radius: 0 !important;
57 border-bottom-right-radius: 0 !important;
58 }
59
60 &.#{$css-prefix}medium {
61 border-top-left-radius: $form-element-medium-corner !important;
62 border-bottom-left-radius: $form-element-medium-corner !important;
63 border-top-right-radius: 0 !important;
64 border-bottom-right-radius: 0 !important;
65 }
66
67 &.#{$css-prefix}large {
68 border-top-left-radius: $form-element-large-corner !important;
69 border-bottom-left-radius: $form-element-large-corner !important;
70 border-top-right-radius: 0 !important;
71 border-bottom-right-radius: 0 !important;
72 }
73 }
74
75 #{$input-prefix}-group-addon {
76 /* stylelint-disable declaration-no-important */
77 &:first-child,
78 &:first-child > #{$input-prefix},
79 &:first-child > * > #{$input-prefix} {
80 border-bottom-left-radius: 0 !important;
81 border-top-left-radius: 0 !important;
82
83 &.#{$css-prefix}small {
84 border-bottom-right-radius: $form-element-small-corner !important;
85 border-top-right-radius: $form-element-small-corner !important;
86 }
87
88 &.#{$css-prefix}medium {
89 border-bottom-right-radius: $form-element-medium-corner !important;
90 border-top-right-radius: $form-element-medium-corner !important;
91 }
92
93 &.#{$css-prefix}large {
94 border-bottom-right-radius: $form-element-large-corner !important;
95 border-top-right-radius: $form-element-large-corner !important;
96 }
97 }
98
99 //TODO: removed in 2.x
100 &:first-child > * {
101 margin-left: calc(0px - #{$input-border-width});
102 border-bottom-left-radius: 0 !important;
103 border-top-left-radius: 0 !important;
104 }
105
106 &:last-child,
107 &:last-child > #{$input-prefix},
108 &:last-child > * > #{$input-prefix} {
109 border-bottom-right-radius: 0 !important;
110 border-top-right-radius: 0 !important;
111
112 &.#{$css-prefix}small {
113 border-bottom-left-radius: $form-element-small-corner !important;
114 border-top-left-radius: $form-element-small-corner !important;
115 }
116
117 &.#{$css-prefix}medium {
118 border-bottom-left-radius: $form-element-medium-corner !important;
119 border-top-left-radius: $form-element-medium-corner !important;
120 }
121
122 &.#{$css-prefix}large {
123 border-bottom-left-radius: $form-element-large-corner !important;
124 border-top-left-radius: $form-element-large-corner !important;
125 }
126 }
127
128 &:last-child > * {
129 //TODO: removed in 2.x
130 margin-right: calc(0px - #{$input-border-width});
131 border-bottom-right-radius: 0 !important;
132 border-top-right-radius: 0 !important;
133 }
134 }
135 #{$input-prefix}-group-text {
136 &:first-child {
137 border-right-width: $input-border-width;
138 border-left: 0;
139 }
140 &:last-child {
141 border-left-width: $input-border-width;
142 border-right: 0;
143 }
144 }
145}