}
-// Reposition the caret
-.btn .caret {
- margin-left: 0;
-}
-// Carets in other button sizes
-.btn-lg .caret {
- border-width: $caret-width-lg $caret-width-lg 0;
- border-bottom-width: 0;
-}
-// Upside down carets for .dropup
-.dropup .btn-lg .caret {
- border-width: 0 $caret-width-lg $caret-width-lg;
-}
-
-
-
//
// Vertical button groups
//
// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
- // Reverse the caret
- .caret {
- content: "";
- border-top: 0;
- border-bottom: $caret-width solid;
- }
-
// Different positioning for bottom up menu
.dropdown-menu {
top: auto;
.navbar {
display: none;
}
- .btn,
- .dropup > .btn {
- > .caret {
- border-top-color: #000 !important;
- }
- }
.badge {
border: $border-width solid #000;
}
$component-active-bg: $brand-primary !default;
$caret-width: .3em !default;
-$caret-width-lg: $caret-width !default;
$transition-base: all .2s ease-in-out !default;
$transition-fade: opacity .15s linear !default;