accordion: fix border-top on Firefox (#33736)

alpadev · XhmikosR · web-flow · commit 7fe4e4363468 · 2021-04-30T10:59:54.000+03:00
Co-authored-by: XhmikosR &lt;xhmikosr@gmail.com&gt;
diff --git a/scss/_accordion.scss b/scss/_accordion.scss
@@ -58,7 +58,6 @@
 }
 
 .accordion-item {
-  margin-bottom: -$accordion-border-width;
   background-color: $accordion-bg;
   border: $accordion-border-width solid $accordion-border-color;
 
@@ -70,9 +69,12 @@
     }
   }
 
+  &:not(:first-of-type) {
+    border-top: 0;
+  }
+
   // Only set a border-radius on the last item if the accordion is collapsed
   &:last-of-type {
-    margin-bottom: 0;
     @include border-bottom-radius($accordion-border-radius);
 
     .accordion-button {

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,6 @@`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`.accordion-item {`
`61`		`- margin-bottom: -$accordion-border-width;`
`62`	`61`	`background-color: $accordion-bg;`
`63`	`62`	`border: $accordion-border-width solid $accordion-border-color;`
`64`	`63`
`@@ -70,9 +69,12 @@`
`70`	`69`	`}`
`71`	`70`	`}`
`72`	`71`
	`72`	`+ &:not(:first-of-type) {`
	`73`	`+ border-top: 0;`
	`74`	`+ }`
	`75`	`+`
`73`	`76`	`// Only set a border-radius on the last item if the accordion is collapsed`
`74`	`77`	`&:last-of-type {`
`75`		`- margin-bottom: 0;`
`76`	`78`	`@include border-bottom-radius($accordion-border-radius);`
`77`	`79`
`78`	`80`	`.accordion-button {`