Fix .dropdown-item border-radius when -padding-y is 0

This commit is contained in:
Mark Otto 2022-05-26 14:40:19 -07:00 committed by Mark Otto
parent ac89c3692b
commit 824c5a077b
1 changed files with 12 additions and 12 deletions

View File

@ -66,6 +66,18 @@
left: 0;
margin-top: var(--#{$prefix}dropdown-spacer);
}
@if $dropdown-padding-y == 0 {
> .dropdown-item:first-child,
> li:first-child .dropdown-item {
@include border-top-radius(var(--#{$prefix}dropdown-inner-border-radius));
}
> .dropdown-item:last-child,
> li:last-child .dropdown-item {
@include border-bottom-radius(var(--#{$prefix}dropdown-inner-border-radius));
}
}
}
// scss-docs-start responsive-breakpoints
@ -172,18 +184,6 @@
background-color: transparent; // For `<button>`s
border: 0; // For `<button>`s
// Prevent dropdown overflow if there's no padding
// See https://github.com/twbs/bootstrap/pull/27703
@if $dropdown-padding-y == 0 {
&:first-child {
@include border-top-radius(var(--#{$prefix}dropdown-inner-border-radius));
}
&:last-child {
@include border-bottom-radius(var(--#{$prefix}dropdown-inner-border-radius));
}
}
&:hover,
&:focus {
color: var(--#{$prefix}dropdown-link-hover-color);