From e7e43edf65306efaf46a16ffc9fe35ef623bffef Mon Sep 17 00:00:00 2001
From: Roy Klutman <royklutman@users.noreply.github.com>
Date: Wed, 21 Nov 2018 23:24:13 +0100
Subject: [PATCH] Add border-radius to dropdown items (#27703)

---
 scss/_dropdown.scss  | 8 ++++++++
 scss/_variables.scss | 1 +
 2 files changed, 9 insertions(+)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index eafce8d0b4..93c1d78e95 100644
--- 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 1e80254584..988624451b 100644
--- 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;