3 // --------------------------------------------------
6 // Dropdown arrow/caret
7 // Modified to use Font Awesome's angle-down icon
9 font-family: @icon-font-name-fa;
11 height: @font-size-base - 3;
13 vertical-align: baseline;
14 width: @font-size-base;
17 content: @fa-var-angle-down;
19 line-height: @font-size-base;
27 // The dropdown menu (ul)
29 // Dividers (basically an hr) within the dropdown
31 .nav-divider(@dropdown-divider-bg, @dropdown-divider-margin);
33 // Links within the dropdown menu
35 border-color: transparent;
43 .dropdown-menu > li > a {
45 border-color: @dropdown-link-hover-border-color;
49 background-color: @dropdown-link-focus-bg;
50 border-color: @dropdown-link-active-border-color;
51 color: @dropdown-link-focus-color !important;
57 .dropdown-menu > .active > a {
61 background-color: @dropdown-link-active-bg !important;
62 border-color: @dropdown-link-active-border-color !important;
68 .dropdown-menu > .disabled > a {
72 border-color: transparent;
75 // Nuke hover/focus effects
76 .dropdown-menu > .disabled > a {
79 border-color: transparent;
83 // Dropdown section headers
87 text-transform: uppercase;
90 // Position Menu closer to button
91 .btn-group, .input-group-btn {
97 // Position Menu closer to button (dropup-menu)
98 .dropup .dropdown-menu {
102 // Add back styles for dropdown-submenu
107 background-color: @dropdown-link-hover-bg;
108 border-color: @dropdown-link-hover-border-color;
115 float: none !important;
123 padding-right: 20px !important;
125 content: @fa-var-angle-right;
126 font-family: @icon-font-name-fa;
138 .dropup & > .dropdown-menu {
142 .open &.active > .dropdown-menu {