diff options
| author | Mark Otto <markdotto@gmail.com> | 2016-01-09 00:23:24 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2016-01-09 00:23:24 +0300 |
| commit | f6ad665c26f8a376a806721feaf3f38ceadc7e79 (patch) | |
| tree | f2a36cda6cdc2f5d19a5475010384681a53ee233 /scss/_button-group.scss | |
| parent | 3740d8f2ac3b89841514c3f0895be1ff5e705fc3 (diff) | |
Switch up some split button stuff
- New vars
- New function for stripping units so we can combine rems and ems in math functions
- Add new classes for sizing and spacing around the split dropdown toggle so that the caret isn't misaligned
Diffstat (limited to 'scss/_button-group.scss')
| -rw-r--r-- | scss/_button-group.scss | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/scss/_button-group.scss b/scss/_button-group.scss index e0c6c9af40..818ba17710 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -103,13 +103,19 @@ // // Give the line between buttons some depth -.btn-group > .btn + .dropdown-toggle { - padding-right: $split-btn-dropdown-toggle-padding-x; - padding-left: $split-btn-dropdown-toggle-padding-x; -} -.btn-group > .btn-lg + .dropdown-toggle { - padding-right: $split-btn-lg-dropdown-toggle-padding-x; - padding-left: $split-btn-lg-dropdown-toggle-padding-x; +.dropdown-toggle-split { + padding-left: $btn-dropdown-toggle-split-l; + padding-right: $btn-dropdown-toggle-split-r; + + &.btn-sm { + padding-left: $btn-dropdown-toggle-split-l-sm; + padding-right: $btn-dropdown-toggle-split-r-sm; + } + + &.btn-lg { + padding-left: $btn-dropdown-toggle-split-l-lg; + padding-right: $btn-dropdown-toggle-split-r-lg; + } } // The clickable button for toggling the menu |