diff options
author | Mark Otto <markdotto@gmail.com> | 2022-04-19 07:41:58 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-19 07:49:31 +0300 |
commit | 2aad1696f1536202b1d66205f7f9889b3b311755 (patch) | |
tree | e259d61f7bdcbc4fa7e164ca374763c36856674b | |
parent | 3362c8cf13cc3610a6e0ac1efc673f7f8c74ac08 (diff) |
One more code snippet fix
-rw-r--r-- | site/assets/scss/_component-examples.scss | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 73ffe2f8ef..75d4e96cd8 100644 --- 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; |