3 // Kickstart any navigation component with a set of style resets. Works with
4 // `<nav>`s or `<ul>`s.
16 padding: $nav-link-padding-y $nav-link-padding-x;
18 @include hover-focus {
19 text-decoration: none;
22 // Disabled state lightens text
24 color: $nav-link-disabled-color;
33 border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
36 margin-bottom: -$nav-tabs-border-width;
40 border: $nav-tabs-border-width solid transparent;
41 @include border-top-radius($nav-tabs-border-radius);
43 @include hover-focus {
44 border-color: $nav-tabs-link-hover-border-color;
48 color: $nav-link-disabled-color;
49 background-color: transparent;
50 border-color: transparent;
55 .nav-item.show .nav-link {
56 color: $nav-tabs-link-active-color;
57 background-color: $nav-tabs-link-active-bg;
58 border-color: $nav-tabs-link-active-border-color;
62 // Make dropdown border overlap tab border
63 margin-top: -$nav-tabs-border-width;
64 // Remove the top rounded corners here since there is a hard edge above the menu
65 @include border-top-radius(0);
76 @include border-radius($nav-pills-border-radius);
81 color: $nav-pills-link-active-color;
82 background-color: $nav-pills-link-active-bg;
109 // Hide tabbable panes to start, show them when `.active`