3 // Kickstart any navigation component with a set of style resets. Works with
4 // `<nav>`s, `<ul>`s or `<ol>`s.
16 padding: $nav-link-padding-y $nav-link-padding-x;
17 text-decoration: if($link-decoration == none, null, none);
19 @include hover-focus() {
20 text-decoration: none;
21 background: $nav-link-hover-bg; // Nick
24 // Disabled state lightens text
26 color: $nav-link-disabled-color;
34 @include hover-focus() {
35 background: $nav-link-hover-bg2; // Nick
39 // Nick (for stretched links)
42 padding: $nav-link-padding-y $nav-link-padding-x;
43 text-decoration: if($link-decoration == none, null, none);
46 @include hover-focus() {
47 text-decoration: none;
48 background: $nav-link-hover-bg; // Nick
51 // Disabled state lightens text
53 color: $nav-link-disabled-color;
64 border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
67 margin-bottom: -$nav-tabs-border-width;
68 border: $nav-tabs-border-width solid transparent;
69 @include border-top-radius($nav-tabs-border-radius);
71 @include hover-focus() {
72 border-color: $nav-tabs-link-hover-border-color;
76 color: $nav-link-disabled-color;
77 background-color: transparent;
78 border-color: transparent;
83 .nav-item.show .nav-link {
84 color: $nav-tabs-link-active-color;
85 background-color: $nav-tabs-link-active-bg;
86 border-color: $nav-tabs-link-active-border-color;
90 // Make dropdown border overlap tab border
91 margin-top: -$nav-tabs-border-width;
92 // Remove the top rounded corners here since there is a hard edge above the menu
93 @include border-top-radius(0);
104 @include border-radius($nav-pills-border-radius);
109 color: $nav-pills-link-active-color;
110 background-color: $nav-pills-link-active-bg;
116 // Justified variants
139 // Hide tabbable panes to start, show them when `.active`