3 // --------------------------------------------------
7 // --------------------------------------------------
11 padding-left: 0; // Override default ul/ol
22 padding: @nav-link-padding;
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;
49 background-color: @nav-link-hover-bg;
50 border-color: @link-color;
54 // Dividers (basically an hr) within the dropdown
59 // Prevent IE8 from misplacing imgs
60 // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
68 // -------------------------
70 // Give the tabs something to sit on
72 border-bottom: 1px solid @nav-tabs-border-color;
75 // Make the list-items overlay the bottom border
78 // Actual tabs (as links)
81 line-height: @line-height-base;
82 border: 1px solid transparent;
83 border-radius: @border-radius-base @border-radius-base 0 0;
85 border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
89 // Active state, and it's :hover to override normal :hover
94 color: @nav-tabs-active-link-hover-color;
95 background-color: @nav-tabs-active-link-hover-bg;
96 border: 1px solid @nav-tabs-active-link-hover-border-color;
97 border-bottom-color: transparent;
102 // pulling this in mainly for less shorthand
105 .nav-tabs-justified();
111 // -------------------------
116 // Links rendered as pills
129 color: @nav-pills-active-link-hover-color;
130 background-color: @nav-pills-active-link-hover-bg;
143 margin-left: 0; // no need for this gap between nav items
150 // --------------------------------------------------
152 // Justified nav links
153 // -------------------------
165 @media (min-width: @screen-sm) {
173 // Move borders to anchors instead of bottom of list
174 .nav-tabs-justified {
177 border-bottom: 1px solid @nav-tabs-justified-link-border-color;
179 // Override margin from .nav-tabs
183 border-bottom-color: @nav-tabs-justified-active-link-border-color;
189 // -------------------------
196 // Show/hide tabbable areas
197 .tab-content > .tab-pane,
198 .pill-content > .pill-pane {
211 // -------------------------
213 // Make dropdown carets use link color in navs
215 border-top-color: @link-color;
216 border-bottom-color: @link-color;
218 .nav a:hover .caret {
219 border-top-color: @link-hover-color;
220 border-bottom-color: @link-hover-color;
223 // Specific dropdowns
224 .nav-tabs .dropdown-menu {
225 // make dropdown border overlap tab border
227 // Remove the top rounded corners here since there is a hard edge above the menu
228 .border-top-radius(0);