flush variant of accordion border radius (#36593)

* flush variant of accordion border radius

Fixed issues regarding to last accordion-item has rounded edges at the bottom left and right corners when focused and are in closed state

* Update _accordion.scss

Co-authored-by: Mark Otto <otto@github.com>

diff --git a/scss/_accordion.scss b/scss/_accordion.scss
index a7fe0742269f9dbbe1e2a614ba9c485293b471f1..07e082f967ba69082527de37cc47cf537bab3826 100644 (file)
--- a/scss/_accordion.scss
+++ b/scss/_accordion.scss
@@ -140,7 +140,10 @@
     &:last-child { border-bottom: 0; }
 
     .accordion-button {
-      @include border-radius(0);
+      &,
+      &.collapsed {
+        @include border-radius(0);
+      }
     }
   }
 }