// Base class // .nav-link { // Disabled state lightens text and removes hover/tab effects &.disabled { color: $nav-disabled-link-color; @include plain-hover-focus { color: $nav-disabled-link-hover-color; background-color: $nav-disabled-link-hover-bg; } } } // // Tabs // .nav-tabs { border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color; .nav-link { @include hover-focus { border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; } &.disabled { @include plain-hover-focus { color: $nav-disabled-link-color; } } } .nav-link.active, .nav-item.open .nav-link { @include plain-hover-focus { color: $nav-tabs-active-link-hover-color; background-color: $nav-tabs-active-link-hover-bg; border-color: $nav-tabs-active-link-hover-border-color $nav-tabs-active-link-hover-border-color transparent; } } } // // Pills // .nav-pills { .nav-link.active, .nav-item.open .nav-link { @include plain-hover-focus { color: $nav-pills-active-link-color; background-color: $nav-pills-active-link-bg; } } }