dev-chiefworks
34 lines
712 B
SCSS
34 lines
712 B
SCSS
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Button group component
|
|
*
|
|
* Overrides for button group bootstrap component
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
// Make sure custom border widths work correctly
|
|
.btn-group {
|
|
|
|
// Double border width
|
|
> .btn.border-2:not(:first-child) {
|
|
margin-left: -($btn-border-width * 2);
|
|
}
|
|
|
|
// Tripple border width
|
|
> .btn.border-3:not(:first-child) {
|
|
margin-left: -($btn-border-width * 3);
|
|
}
|
|
}
|
|
|
|
|
|
// Justified button group
|
|
.btn-group-justified {
|
|
display: flex;
|
|
|
|
// Stretch the buttons
|
|
.btn,
|
|
.btn-group {
|
|
flex: 1;
|
|
}
|
|
}
|