Add border-radius to dropdown items (#27703)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index eafce8d0b4c7d5e13590e3c6d9facc4b7b83c332..93c1d78e95f572135f01ecec658028641e5f148f 100644 (file)
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -136,6 +136,14 @@
   background-color: transparent; // For `<button>`s
   border: 0; // For `<button>`s
 
+  &:first-child {
+    @include border-top-radius($dropdown-inner-border-radius);
+  }
+
+  &:last-child {
+    @include border-bottom-radius($dropdown-inner-border-radius);
+  }
+
   @include hover-focus {
     color: $dropdown-link-hover-color;
     text-decoration: none;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1e80254584d0aa83c802d3a5606799b11a7a4e0a..988624451b0f799532ca5062d0599c1f3c1f889e 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -657,6 +657,7 @@ $dropdown-bg:                       $white !default;
 $dropdown-border-color:             rgba($black, .15) !default;
 $dropdown-border-radius:            $border-radius !default;
 $dropdown-border-width:             $border-width !default;
+$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
 $dropdown-divider-bg:               $gray-200 !default;
 $dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;