diff options
author | Mark Otto <markdotto@gmail.com> | 2022-04-19 04:05:09 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2022-04-19 04:19:01 +0300 |
commit | 3990ff04a00f2768b768e1c852594e3a365b9c61 (patch) | |
tree | 869571fe429d04e3317ba0a3f6135046db1d96c9 | |
parent | 5602093c7be8726f1b1043b3d71bb887d6f1f607 (diff) |
Fix spacing of code snippets
-rw-r--r-- | site/assets/scss/_component-examples.scss | 31 |
1 files changed, 13 insertions, 18 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index b305f088f9..701682d204 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -85,16 +85,10 @@ .bd-example { position: relative; padding: 1rem; - margin: 1rem ($bd-gutter-x * -.5) 0; - 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)); } @@ -375,23 +369,24 @@ } } -.bd-example-snippet { +.bd-code-snippet { + margin: $spacer ($bd-gutter-x * -.5); + border: solid $border-color; + border-width: 1px 0; + .highlight { - @include border-top-radius(0); - border: 1px solid $border-color; - } - .highlight-toolbar { - border: solid $border-color; - border-width: 0 1px; + margin-bottom: 0; } -} - -.bd-content .highlight { - margin-right: $bd-gutter-x * -.5; - margin-left: $bd-gutter-x * -.5; @include media-breakpoint-up(md) { margin-right: 0; margin-left: 0; + border-width: 1px; + @include border-radius($border-radius); } } + +.highlight-toolbar { + border: solid $border-color; + border-width: 1px 0; +} |