| |
| |
| |
| |
| |
| |
| .caret { |
| display: inline-block; |
| width: 0; |
| height: 0; |
| margin-left: 2px; |
| vertical-align: middle; |
| border-top: $caret-width-base solid $dropdown-caret-color; |
| border-right: $caret-width-base solid transparent; |
| border-left: $caret-width-base solid transparent; |
| |
| |
| border-bottom: 0 dotted; |
| content: ""; |
| } |
| |
| |
| .dropdown { |
| position: relative; |
| } |
| |
| |
| .dropdown-toggle:focus { |
| outline: 0; |
| } |
| |
| |
| .dropdown-menu { |
| position: absolute; |
| top: 100%; |
| left: 0; |
| z-index: $zindex-dropdown; |
| display: none; |
| float: left; |
| min-width: 160px; |
| padding: 5px 0; |
| margin: 2px 0 0; |
| list-style: none; |
| font-size: $font-size-base; |
| background-color: $dropdown-bg; |
| border: 1px solid $dropdown-fallback-border; |
| border: 1px solid $dropdown-border; |
| border-radius: $border-radius-base; |
| @include box-shadow(0 6px 12px rgba(0,0,0,.175)); |
| background-clip: padding-box; |
| |
| |
| &.pull-right { |
| right: 0; |
| left: auto; |
| } |
| |
| |
| .divider { |
| @include nav-divider($dropdown-divider-bg); |
| } |
| |
| |
| > li > a { |
| display: block; |
| padding: 3px 20px; |
| clear: both; |
| font-weight: normal; |
| line-height: $line-height-base; |
| color: $dropdown-link-color; |
| white-space: nowrap; |
| } |
| } |
| |
| |
| .dropdown-menu > li > a { |
| &:hover, |
| &:focus { |
| text-decoration: none; |
| color: $dropdown-link-hover-color; |
| background-color: $dropdown-link-hover-bg; |
| } |
| } |
| |
| |
| .dropdown-menu > .active > a { |
| &, |
| &:hover, |
| &:focus { |
| color: $dropdown-link-active-color; |
| text-decoration: none; |
| outline: 0; |
| background-color: $dropdown-link-active-bg; |
| } |
| } |
| |
| |
| |
| |
| |
| .dropdown-menu > .disabled > a { |
| &, |
| &:hover, |
| &:focus { |
| color: $dropdown-link-disabled-color; |
| } |
| } |
| |
| .dropdown-menu > .disabled > a { |
| &:hover, |
| &:focus { |
| text-decoration: none; |
| background-color: transparent; |
| background-image: none; |
| @include reset-filter(); |
| cursor: not-allowed; |
| } |
| } |
| |
| |
| .open { |
| |
| > .dropdown-menu { |
| display: block; |
| } |
| |
| |
| > a { |
| outline: 0; |
| } |
| } |
| |
| |
| .dropdown-header { |
| display: block; |
| padding: 3px 20px; |
| font-size: $font-size-small; |
| line-height: $line-height-base; |
| color: $dropdown-header-color; |
| } |
| |
| |
| .dropdown-backdrop { |
| position: fixed; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| top: 0; |
| z-index: $zindex-dropdown - 10; |
| } |
| |
| |
| .pull-right > .dropdown-menu { |
| right: 0; |
| left: auto; |
| } |
| |
| |
| |
| |
| |
| |
| .dropup, |
| .navbar-fixed-bottom .dropdown { |
| |
| .caret { |
| |
| |
| border-top: 0 dotted; |
| border-bottom: 4px solid $dropdown-caret-color; |
| content: ""; |
| } |
| |
| .dropdown-menu { |
| top: auto; |
| bottom: 100%; |
| margin-bottom: 1px; |
| } |
| } |
| |
| |
| |
| |
| |
| |
| @media (min-width: $grid-float-breakpoint) { |
| .navbar-right { |
| .dropdown-menu { |
| right: 0; |
| left: auto; |
| } |
| } |
| } |
| |