From 2aad1696f1536202b1d66205f7f9889b3b311755 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 18 Apr 2022 21:41:58 -0700 Subject: [PATCH] One more code snippet fix --- site/assets/scss/_component-examples.scss | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) 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; -- 2.47.2