nav.scss

$navbar-padding-y: ($spacer / 4);
$navbar-padding-x: ($spacer / 2);
$nav-tabs-border-color: var(--border-color);
$nav-tabs-link-hover-border-color: var(--border-color) var(--border-color) transparent;
$nav-tabs-link-active-color: var(--body-color);
$nav-tabs-link-active-border-color: var(--border-color) var(--border-color) transparent;

@import 'bootstrap/scss/nav';
@import 'bootstrap/scss/navbar';

// Ensure that tabs are all the same height, regardless of whether they have an icon. Without this,
// tabs with an icon are 38px and tabs without an icon are 37.5px, which causes tabs without an icon
// to have an undesirable bottom border when active.
.nav-tabs > .nav-item > .nav-link {
    height: 100%;
}

// Bootstrap's nav base class does not include styles for the active state.
.nav-link.active {
    color: var(--link-active-color);
}