47 lines
1.1 KiB
SCSS
47 lines
1.1 KiB
SCSS
.nav-link {
|
|
color: $nav-link-color;
|
|
|
|
&:hover {
|
|
color: theme-color("primary");
|
|
}
|
|
}
|
|
|
|
// Pills
|
|
|
|
.nav-pills {
|
|
.nav-link {
|
|
padding: $nav-pills-padding-y $nav-pills-padding-x;
|
|
border: $nav-pills-border-width solid $nav-pills-border-color;
|
|
border-radius: 0;
|
|
color: $nav-pills-link-color;
|
|
font-weight: 500;
|
|
|
|
&:hover {
|
|
color: $nav-pills-link-hover-color;
|
|
}
|
|
}
|
|
|
|
.nav-item:not(:first-child) .nav-link {
|
|
border-left: 0;
|
|
}
|
|
.nav-item:first-child .nav-link {
|
|
border-top-left-radius: $nav-pills-border-radius;
|
|
border-bottom-left-radius: $nav-pills-border-radius;
|
|
}
|
|
.nav-item:last-child .nav-link {
|
|
border-top-right-radius: $nav-pills-border-radius;
|
|
border-bottom-right-radius: $nav-pills-border-radius;
|
|
}
|
|
|
|
.nav-link.active,
|
|
.show > .nav-link {
|
|
color: $nav-pills-link-active-color;
|
|
background-color: $nav-pills-link-active-bg;
|
|
}
|
|
|
|
@media(max-width: 576px) {
|
|
.nav-item {
|
|
margin-bottom: $spacer;
|
|
}
|
|
}
|
|
} |