1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 20:31:26 +02:00

Generalize disabled nav links CSS rules (#38774)

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
This commit is contained in:
Julien Déramond
2023-06-25 23:43:50 +02:00
committed by GitHub
parent 8321397656
commit 9369cd93fb

View File

@@ -44,7 +44,8 @@
} }
// Disabled state lightens text // Disabled state lightens text
&.disabled { &.disabled,
&:disabled {
color: var(--#{$prefix}nav-link-disabled-color); color: var(--#{$prefix}nav-link-disabled-color);
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
@@ -79,13 +80,6 @@
isolation: isolate; isolation: isolate;
border-color: var(--#{$prefix}nav-tabs-link-hover-border-color); border-color: var(--#{$prefix}nav-tabs-link-hover-border-color);
} }
&.disabled,
&:disabled {
color: var(--#{$prefix}nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
} }
.nav-link.active, .nav-link.active,
@@ -117,12 +111,6 @@
.nav-link { .nav-link {
@include border-radius(var(--#{$prefix}nav-pills-border-radius)); @include border-radius(var(--#{$prefix}nav-pills-border-radius));
&:disabled {
color: var(--#{$prefix}nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
} }
.nav-link.active, .nav-link.active,