3 // --------------------------------------------------
7 // --------------------------------------------------
11 padding-left: 0; // Override default ul/ol
25 text-decoration: none;
26 background-color: @nav-link-hover-bg;
30 // Disabled state sets text to gray and nukes hover/tab effects
32 color: @nav-disabled-link-color;
36 color: @nav-disabled-link-hover-color;
37 text-decoration: none;
38 background-color: transparent;
43 // Space the headers out when they follow another list item (link)
54 color: @nav-open-link-hover-color;
55 background-color: @link-color;
56 border-color: @link-color;
58 border-top-color: @nav-open-caret-border-color;
59 border-bottom-color: @nav-open-caret-border-color;
64 // Redeclare pull classes because of specificity
65 // Todo: consider making these utilities !important to avoid this bullshit
70 // Dividers (basically an hr) within the dropdown
79 // --------------------------------------------------
82 // -------------------------
84 // Give the tabs something to sit on
86 border-bottom: 1px solid @nav-tabs-border-color;
89 // Make the list-items overlay the bottom border
92 // Actual tabs (as links)
95 line-height: @line-height-base;
96 border: 1px solid transparent;
97 border-radius: @border-radius-base @border-radius-base 0 0;
99 border-color: @nav-tabs-link-hover-border-color;
103 // Active state, and it's :hover to override normal :hover
108 color: @nav-tabs-active-link-hover-color;
109 background-color: @nav-tabs-active-link-hover-bg;
110 border: 1px solid @nav-tabs-active-link-hover-border-color;
111 border-bottom-color: transparent;
116 // pulling this in mainly for less shorthand
119 .nav-tabs-justified();
125 // -------------------------
130 // Links rendered as pills
143 color: @nav-pills-active-link-hover-color;
144 background-color: @nav-pills-active-link-hover-bg;
158 margin-left: 0; // no need for this gap between nav items
164 // Justified nav links
165 // -------------------------
179 // Move borders to anchors instead of bottom of list
180 .nav-tabs-justified {
183 border-bottom: 1px solid @nav-tabs-justified-link-border-color;
185 // Override margin from .nav-tabs
189 border-bottom-color: @nav-tabs-justified-active-link-border-color;
197 // -------------------------
204 // Show/hide tabbable areas
205 .tab-content > .tab-pane,
206 .pill-content > .pill-pane {
219 // -------------------------
221 // Make dropdown carets use link color in navs
223 border-top-color: @link-color;
224 border-bottom-color: @link-color;
226 .nav a:hover .caret {
227 border-top-color: @link-hover-color;
228 border-bottom-color: @link-hover-color;
231 // Specific dropdowns
232 .nav-tabs .dropdown-menu {
233 // make dropdown border overlap tab border
235 // Remove the top rounded corners here since there is a hard edge above the menu
236 .border-top-radius(0);