UNPKG

2.76 kBCSSView Raw
1/* FormGroup */
2/* Navlayout */
3/* FormGroup */
4/* Navlayout */
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/* FormGroup */
29/* Navlayout */
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: separate; }
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; }