From 0e007e697e15c1016de1c7761ea69dcf53852457 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Wed, 2 Sep 2020 07:17:53 +0100 Subject: [PATCH] Docs: Add top/bottom margin to highlighted code samples (#31036) * Add top/bottom margin to highlighted code samples provide more space to avoid having the "Copy" button overlap code sample content * Modify clipboard button style Per https://github.com/twbs/bootstrap/pull/31036#issuecomment-661322566 and https://github.com/twbs/bootstrap/pull/31036#issuecomment-668162630 * Tweak margin, clipboard button size and position Co-authored-by: XhmikosR --- site/assets/scss/_clipboard-js.scss | 12 ++++++------ site/assets/scss/_component-examples.scss | 4 ++-- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss index c893533973..12be4037c3 100644 --- a/site/assets/scss/_clipboard-js.scss +++ b/site/assets/scss/_clipboard-js.scss @@ -18,15 +18,15 @@ .btn-clipboard { position: absolute; - top: .5rem; - right: .5rem; + top: .65rem; + right: .65rem; z-index: 10; display: block; padding: .25rem .5rem; - @include font-size(.75em); - color: $gray-800; - background-color: transparent; - border: 0; + @include font-size(.65em); + color: $primary; + background-color: $white; + border: 1px solid; @include border-radius(); &:hover { diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index df735a41b7..4b7aa43552 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -233,8 +233,8 @@ pre { padding: 0; - margin-top: 0; - margin-bottom: 0; + margin-top: .65rem; + margin-bottom: .65rem; background-color: transparent; border: 0; }