diff options
| author | Patrick H. Lauke <redux@splintered.co.uk> | 2020-09-02 09:17:53 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-09-02 09:17:53 +0300 |
| commit | 0e007e697e15c1016de1c7761ea69dcf53852457 (patch) | |
| tree | abb8395c2b2c7919a365da07d2c9ef977bc85b5d | |
| parent | 7326232b0e3a57ab84bb4241b13fa4c3579c0cfd (diff) | |
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 <xhmikosr@gmail.com>
| -rw-r--r-- | site/assets/scss/_clipboard-js.scss | 12 | ||||
| -rw-r--r-- | 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; } |