One more code snippet fix

WyzeWare · Apr 19, 2022 · 2aad169 · 2aad169
1 parent 3362c8c
commit 2aad169
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
@@ -94,13 +94,25 @@
 .bd-example {
   position: relative;
   padding: 1rem;
+  margin: 0 ($bd-gutter-x * -.5);
+  border: solid $border-color;
+  border-width: 1px 0 0;
   @include clearfix();
 
   @include media-breakpoint-up(md) {
     padding: 1.5rem;
+    margin-right: 0;
+    margin-left: 0;
+    border-width: 1px;
     @include border-top-radius(var(--bs-border-radius));
   }
 
+  + .bd-code-snippet {
+    @include border-top-radius(0);
+    border: solid $border-color;
+    border-width: 0 1px 1px;
+  }
+
   + p {
     margin-top: 2rem;
   }
@@ -379,12 +391,16 @@
 }
 
 .bd-code-snippet {
-  margin: $spacer ($bd-gutter-x * -.5);
+  margin: 0 ($bd-gutter-x * -.5) $spacer;
 
   .highlight {
     margin-bottom: 0;
   }
 
+  .bd-example {
+    border: 0;
+  }
+
   @include media-breakpoint-up(md) {
     margin-right: 0;
     margin-left: 0;