.nav.nav-pills {
font-size: 16px !important;
+ font-weight: $font-semibold !important;
- .nav-link.active {
- font-weight: $font-semibold !important;
+ .nav-link {
+ opacity: 0.6 !important;
+
+ &.active, &:hover, &:active, &:focus {
+ opacity: 1 !important;
+ }
}
a {
}
}
-.nav-tabs {
-
- .nav-link {
- @include disable-default-a-behaviour;
+.nav-tabs .nav-link {
+ @include disable-default-a-behaviour;
- color: pvar(--mainForegroundColor) !important;
- }
-}
+ color: pvar(--mainForegroundColor);
+ font-weight: $font-semibold;
+ border: none;
+ border-bottom: 2px solid transparent;
+ opacity: 0.6;
-.nav-tabs .nav-link {
- &:not(.active) {
- border-bottom: 3px solid transparent;
- }
&.active {
- font-weight: $font-semibold;
+ color: pvar(--mainForegroundColor);
background-color: pvar(--mainBackgroundColor) !important;
- border: none;
- border-bottom: 2px solid pvar(--mainColor);
+ border-bottom-color: pvar(--mainColor);
}
- &:hover {
- border-top-color: transparent;
- border-left-color: transparent;
- border-right-color: transparent;
+
+ &.active, &:hover, &:active, &:focus {
+ opacity: 1;
}
}