Add variables for spacing of .btn-toolbar and split-button dropdown toggles

[skip sauce]
This commit is contained in:
Chris Rebert 2016-01-06 16:41:37 -08:00
parent 3f04c082dd
commit fb71efaeb2
2 changed files with 10 additions and 6 deletions

View File

@ -33,7 +33,7 @@
// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
margin-left: -5px; // Offset the first child's margin
margin-left: -$btn-toolbar-margin; // Offset the first child's margin
@include clearfix();
.btn-group,
@ -44,7 +44,7 @@
> .btn,
> .btn-group,
> .input-group {
margin-left: 5px;
margin-left: $btn-toolbar-margin;
}
}
@ -104,12 +104,12 @@
// Give the line between buttons some depth
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
padding-right: $split-btn-dropdown-toggle-padding-x;
padding-left: $split-btn-dropdown-toggle-padding-x;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
padding-right: $split-btn-lg-dropdown-toggle-padding-x;
padding-left: $split-btn-lg-dropdown-toggle-padding-x;
}
// The clickable button for toggling the menu

View File

@ -276,6 +276,10 @@ $btn-padding-x-lg: 1.25rem !default;
$btn-padding-y-lg: .75rem !default;
$btn-block-spacing-y: 5px !default;
$btn-toolbar-margin: 5px !default;
$split-btn-dropdown-toggle-padding-x: 8px !default;
$split-btn-lg-dropdown-toggle-padding-x: 12px !default;
// Allows for customizing button radius independently from global border radius
$btn-border-radius: $border-radius !default;