1 |
|
2 |
|
3 |
|
4 |
|
5 | .u-input-group-addon {
|
6 | padding: 6px 12px;
|
7 | font-size: 14px;
|
8 | font-weight: 400;
|
9 | line-height: 1;
|
10 | color: #555;
|
11 | text-align: center;
|
12 | background-color: #eee;
|
13 | border: 1px solid #ccc;
|
14 | border-radius: 4px;
|
15 | width: 1%;
|
16 | white-space: nowrap;
|
17 | vertical-align: middle;
|
18 | display: table-cell; }
|
19 | .u-input-group-addon:last-child {
|
20 | border-left: 0;
|
21 | border-top-left-radius: 0;
|
22 | border-bottom-left-radius: 0; }
|
23 | .u-input-group-addon:first-child {
|
24 | border-right: 0;
|
25 | border-bottom-right-radius: 0;
|
26 | border-top-right-radius: 0; }
|
27 |
|
28 |
|
29 |
|
30 | .u-input-group-btn {
|
31 | font-size: 0;
|
32 | white-space: nowrap;
|
33 | position: relative;
|
34 | width: 1%;
|
35 | vertical-align: middle;
|
36 | display: table-cell; }
|
37 | .u-input-group-btn .u-button {
|
38 | position: relative; }
|
39 |
|
40 | .u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group > button, .u-input-group-btn:first-child > .dropdown-toggle, .u-input-group-btn:last-child > .btn-group:not(:last-child) > button, .u-input-group-btn:last-child > button:not(:last-child):not(.dropdown-toggle) {
|
41 | border-bottom-right-radius: 0;
|
42 | border-top-right-radius: 0; }
|
43 |
|
44 | .u-input-group-btn:first-child > .btn-group:not(:first-child) > button, .u-input-group-btn:first-child > button:not(:first-child), .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group > button, .u-input-group-btn:last-child > .dropdown-toggle {
|
45 | border-bottom-left-radius: 0;
|
46 | border-top-left-radius: 0; }
|
47 |
|
48 | .u-input-group-btn:last-child > button, .u-input-group-btn:last-child > .btn-group {
|
49 | margin-left: -1px; }
|
50 |
|
51 | .u-input-group-btn:first-child > button, .u-input-group-btn:first-child > .btn-group {
|
52 | margin-right: -1px; }
|
53 |
|
54 | .u-input-group {
|
55 | position: relative;
|
56 | display: table;
|
57 | border-collapse: unset; }
|
58 | .u-input-group .u-input-group-btn .u-button {
|
59 | border: 1px solid #ccc;
|
60 | height: 30px;
|
61 | line-height: 1.3; }
|
62 | .u-input-group .u-form-control {
|
63 | position: relative;
|
64 | float: left;
|
65 | width: 100%;
|
66 | margin-bottom: 0;
|
67 | display: table-cell; }
|
68 | .u-input-group .u-form-control:first-child {
|
69 | border-bottom-right-radius: 0;
|
70 | border-top-right-radius: 0; }
|
71 | .u-input-group .u-form-control:last-child {
|
72 | border-bottom-left-radius: 0;
|
73 | border-top-left-radius: 0; }
|
74 | .u-input-group .u-form-control:not(:first-child):not(:last-child) {
|
75 | border-radius: 0; }
|
76 | .u-input-group.simple .u-form-control {
|
77 | border-radius: 3px; }
|
78 | .u-input-group.simple .u-input-group-btn {
|
79 | position: absolute;
|
80 | top: 2px;
|
81 | bottom: 0;
|
82 | right: 5px;
|
83 | min-width: 20px; }
|
84 | .u-input-group.simple .u-form-control:not(:last-child) {
|
85 | padding-right: 23px; }
|