UNPKG

2.46 kBCSSView Raw
1/* FormGroup */
2/* Navlayout */
3.u-button-group, .u-button-group-vertical {
4 position: relative;
5 display: inline-block;
6 vertical-align: middle; }
7
8.u-button-group .u-button {
9 min-width: 2.5rem; }
10
11.u-button-group > .u-button:first-child:not(:last-child):not(.dropdown-toggle) {
12 border-bottom-right-radius: 0;
13 border-top-right-radius: 0; }
14
15.u-button-group > .u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
16 border-radius: 0; }
17
18.u-button-group > .u-button:last-child:not(:first-child), .u-button-group > .dropdown-toggle:not(:first-child) {
19 border-bottom-left-radius: 0;
20 border-top-left-radius: 0; }
21
22.u-button-group .u-button + .u-button, .u-button-group .u-button + .u-button-group, .u-button-group .u-button-group + .u-button, .u-button-group .u-button-group + .v-group {
23 margin-left: -1px; }
24
25.u-button-group > .u-button:first-child {
26 margin-left: 0; }
27
28.u-button-group-vertical > .u-button:first-child:not(:last-child) {
29 border-top-right-radius: 0.4rem;
30 border-top-left-radius: 0.4rem;
31 border-bottom-right-radius: 0;
32 border-bottom-left-radius: 0; }
33
34.u-button-group-vertical > .u-button:not(:first-child):not(:last-child) {
35 border-radius: 0; }
36
37.u-button-group-vertical > .u-button, .u-button-group > .u-button {
38 position: relative;
39 float: left; }
40
41.u-button-group-vertical > .u-button + .u-button, .u-button-group-vertical > .u-button + .u-button-group, .u-button-group-vertical > .u-button-group + .u-button, .u-button-group-vertical > .u-button-group + .u-button-group {
42 margin-top: -1px;
43 margin-left: 0; }
44
45.u-button-group-vertical > .u-button-group:last-child:not(:first-child) > .u-button:first-child {
46 border-top-right-radius: 0;
47 border-top-left-radius: 0; }
48
49.u-button-group-vertical > .u-button, .u-button-group-vertical > .u-button-group, .u-button-group-vertical > .u-button-group > .u-button {
50 display: block;
51 float: none;
52 width: 100%;
53 max-width: 100%; }
54
55.u-button-group-block {
56 display: block;
57 width: 100%; }
58
59.u-button-group-justified {
60 display: table;
61 width: 100%;
62 table-layout: fixed;
63 border-collapse: separate; }
64
65.u-button-group-justified > .u-button, .u-button-group-justified > .u-button-group {
66 float: none;
67 display: table-cell;
68 width: 1%; }
69
70.u-button-group-vertical > .u-button:last-child:not(:first-child) {
71 border-top-right-radius: 0;
72 border-top-left-radius: 0;
73 border-bottom-right-radius: 4px;
74 border-bottom-left-radius: 4px; }