You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
// The dropdown wrapper (div)
.dropup, .dropdown { position: relative; }
// Prevent the focus on the dropdown toggle when closing dropdowns
.dropdown-toggle:focus { outline: 0; }
// The dropdown menu (ul)
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000 ; display: none; float: left; min-width: 160px; padding: 0; margin: 0; list-style: none; font-size: $font-size-base; text-align: left; background-color: #fff; border: 1px solid #767676; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box;
&.pull-right { right: 0; left: auto; }
.divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
// Links within the dropdown menu
> li > a { display: block; padding:12px 15px; font-size:13px; clear: both; font-weight: normal; line-height: $line-height-base; color: $body-color; white-space: nowrap; // prevent links from randomly breaking onto new lines
} }
// Hover/Focus state
.dropdown-menu > li > a { &:hover, &:focus { text-decoration: none; color: $color-primary ; background-color: #f4f8f9; } }
// Active state
.dropdown-menu > .active > a { &, &:hover, &:focus { color: $color-primary; text-decoration: none; outline: 0; background-color: #f4f8f9; } }
// Open state for the dropdown
.open {
> .dropdown-menu { display: block; }
> a { outline: 0; } }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup, .navbar-fixed-bottom .dropdown { .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } }
|