Rearrange margins for .highlight (twbs#23396)

Only applies the margins to .highlight instances within .bd-content, thus negating any need for twbs#23279.
kwb0716 · Aug 13, 2017 · 52310bf · 52310bf
1 parent 0122243
commit 52310bf
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/assets/scss/_component-examples.scss b/assets/scss/_component-examples.scss
@@ -392,16 +392,26 @@
 
 .highlight {
   padding: 1rem;
-  margin: 1rem (-$grid-gutter-width / 2);
+  margin-top: 1rem;
+  margin-bottom: 1rem;
   background-color: #f7f7f9;
   -ms-overflow-style: -ms-autohiding-scrollbar;
 
   @include media-breakpoint-up(sm) {
     padding: 1.5rem;
+  }
+}
+
+.bd-content .highlight {
+  margin-right: (-$grid-gutter-width / 2);
+  margin-left: (-$grid-gutter-width / 2);
+
+  @include media-breakpoint-up(sm) {
     margin-right: 0;
     margin-left: 0;
   }
 }
+
 .highlight pre {
   padding: 0;
   margin-top: 0;