Docs: Add top/bottom margin to highlighted code samples (#31706)

Backport of #31036 to v4
twbs · Sep 19, 2020 · 63b8a6f · 63b8a6f
1 parent 7539cfb
commit 63b8a6f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/site/docs/4.5/assets/scss/_clipboard-js.scss b/site/docs/4.5/assets/scss/_clipboard-js.scss
@@ -18,19 +18,19 @@
 
 .btn-clipboard {
   position: absolute;
-  top: .5rem;
-  right: .5rem;
+  top: .65rem;
+  right: .65rem;
   z-index: 10;
   display: block;
   padding: .25rem .5rem;
-  @include font-size(75%);
-  color: #818a91;
-  background-color: transparent;
-  border: 0;
+  @include font-size(65%);
+  color: $primary;
+  background-color: $white;
+  border: 1px solid;
   @include border-radius();
 
   &:hover {
     color: $white;
-    background-color: #027de7;
+    background-color: $primary;
   }
 }
diff --git a/site/docs/4.5/assets/scss/_component-examples.scss b/site/docs/4.5/assets/scss/_component-examples.scss
@@ -366,8 +366,8 @@
 .highlight {
   pre {
     padding: 0;
-    margin-top: 0;
-    margin-bottom: 0;
+    margin-top: .65rem;
+    margin-bottom: .65rem;
     background-color: transparent;
     border: 0;
   }