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 |
|
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 |
|
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 |
|
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 | }
|