1 | @charset "UTF-8";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 | .u-button-group, .u-button-group-vertical {
|
37 | position: relative;
|
38 | display: inline-block;
|
39 | vertical-align: middle; }
|
40 |
|
41 | .u-button-group > .u-button:first-child:not(:last-child):not(.dropdown-toggle) {
|
42 | border-bottom-right-radius: 0;
|
43 | border-top-right-radius: 0; }
|
44 |
|
45 | .u-button-group > .u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
46 | border-radius: 0; }
|
47 |
|
48 | .u-button-group > .u-button:last-child:not(:first-child), .u-button-group > .dropdown-toggle:not(:first-child) {
|
49 | border-bottom-left-radius: 0;
|
50 | border-top-left-radius: 0; }
|
51 |
|
52 | .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 {
|
53 | margin-left: -1px; }
|
54 |
|
55 | .u-button-group > .u-button:first-child {
|
56 | margin-left: 0; }
|
57 |
|
58 | .u-button-group-vertical > .u-button:first-child:not(:last-child) {
|
59 | border-top-right-radius: 0.25rem;
|
60 | border-top-left-radius: 0.25rem;
|
61 | border-bottom-right-radius: 0;
|
62 | border-bottom-left-radius: 0; }
|
63 |
|
64 | .u-button-group-vertical > .u-button:not(:first-child):not(:last-child) {
|
65 | border-radius: 0; }
|
66 |
|
67 | .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 {
|
68 | margin-top: -1px;
|
69 | margin-left: 0; }
|
70 |
|
71 | .u-button-group-vertical > .u-button-group:last-child:not(:first-child) > .u-button:first-child {
|
72 | border-top-right-radius: 0;
|
73 | border-top-left-radius: 0; }
|
74 |
|
75 | .u-button-group-vertical > .u-button, .u-button-group-vertical > .u-button-group, .u-button-group-vertical > .u-button-group > .u-button {
|
76 | display: block;
|
77 | float: none;
|
78 | width: 100%;
|
79 | max-width: 100%; }
|
80 |
|
81 | .u-button-group-vertical > .u-button, .u-button-group > .u-button {
|
82 | position: relative;
|
83 | float: left; }
|
84 |
|
85 | .u-button-group-block {
|
86 | display: block;
|
87 | width: 100%; }
|
88 |
|
89 | .u-button-group-justified {
|
90 | display: table;
|
91 | width: 100%;
|
92 | table-layout: fixed;
|
93 | border-collapse: separate; }
|
94 |
|
95 | .u-button-group-justified > .u-button, .u-button-group-justified > .u-button-group {
|
96 | float: none;
|
97 | display: table-cell;
|
98 | width: 1%; }
|