| 1 | @import "../node_modules/tinper-bee-core/scss/minxin-variables";
|
| 2 |
|
| 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:first-child:not(:last-child):not(.dropdown-toggle) {
|
| 9 | border-bottom-right-radius: 0;
|
| 10 | border-top-right-radius: 0;
|
| 11 | }
|
| 12 | .u-button-group>.u-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
| 13 | border-radius: 0;
|
| 14 | }
|
| 15 | .u-button-group>.u-button:last-child:not(:first-child), .u-button-group>.dropdown-toggle:not(:first-child) {
|
| 16 | border-bottom-left-radius: 0;
|
| 17 | border-top-left-radius: 0;
|
| 18 | }
|
| 19 | .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 {
|
| 20 | margin-left: -1px;
|
| 21 | }
|
| 22 | .u-button-group>.u-button:first-child {
|
| 23 | margin-left: 0;
|
| 24 | }
|
| 25 | .u-button-group-vertical>.u-button:first-child:not(:last-child) {
|
| 26 | border-top-right-radius: $button-border-radius;
|
| 27 | border-top-left-radius: $button-border-radius;
|
| 28 | border-bottom-right-radius: 0;
|
| 29 | border-bottom-left-radius: 0;
|
| 30 | }
|
| 31 | .u-button-group-vertical>.u-button:not(:first-child):not(:last-child) {
|
| 32 | border-radius: 0;
|
| 33 | }
|
| 34 |
|
| 35 | .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 {
|
| 36 | margin-top: -1px;
|
| 37 | margin-left: 0;
|
| 38 | }
|
| 39 | .u-button-group-vertical>.u-button-group:last-child:not(:first-child)>.u-button:first-child {
|
| 40 | border-top-right-radius: 0;
|
| 41 | border-top-left-radius: 0;
|
| 42 | }
|
| 43 | .u-button-group-vertical>.u-button, .u-button-group-vertical>.u-button-group, .u-button-group-vertical>.u-button-group>.u-button {
|
| 44 | display: block;
|
| 45 | float: none;
|
| 46 | width: 100%;
|
| 47 | max-width: 100%;
|
| 48 | }
|
| 49 | .u-button-group-vertical>.u-button, .u-button-group>.u-button {
|
| 50 | position: relative;
|
| 51 | float: left;
|
| 52 | }
|
| 53 | .u-button-group-block {
|
| 54 | display: block;
|
| 55 | width: 100%;
|
| 56 | }
|
| 57 |
|
| 58 | .u-button-group-justified {
|
| 59 | display: table;
|
| 60 | width: 100%;
|
| 61 | table-layout: fixed;
|
| 62 | border-collapse: separate;
|
| 63 | }
|
| 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 | }
|