diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss')
-rw-r--r-- | vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss | 58 |
1 files changed, 25 insertions, 33 deletions
diff --git a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss index 14adbe94d..0f1018b06 100644 --- a/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss +++ b/vendor/twbs/bootstrap/site/assets/scss/_component-examples.scss @@ -2,12 +2,16 @@ // Docs examples // -.bd-example-snippet { +.bd-code-snippet { + margin: 0 ($bd-gutter-x * -.5) 1rem; border: solid var(--bs-border-color); border-width: 1px 0; @include media-breakpoint-up(md) { + margin-right: 0; + margin-left: 0; border-width: 1px; + @include border-radius(var(--bs-border-radius)); } } @@ -16,7 +20,7 @@ position: relative; padding: var(--bd-example-padding); - margin: 0 ($bd-gutter-x * -.5); + margin: 0 ($bd-gutter-x * -.5) 1rem; border: solid var(--bs-border-color); border-width: 1px 0; @include clearfix(); @@ -27,13 +31,7 @@ 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 var(--bs-border-color); - border-width: 0 1px 1px; + @include border-radius(var(--bs-border-radius)); } + p { @@ -350,18 +348,22 @@ .highlight { position: relative; padding: .75rem ($bd-gutter-x * .5); - margin-bottom: 1rem; background-color: var(--bd-pre-bg); @include media-breakpoint-up(md) { padding: .75rem 1.25rem; - @include border-radius(var(--bs-border-radius)); + @include border-radius(calc(var(--bs-border-radius) - 1px)); + } + + @include media-breakpoint-up(lg) { + pre { + margin-right: 1.875rem; + } } pre { padding: .25rem 0 .875rem; margin-top: .8125rem; - margin-right: 1.875rem; margin-bottom: 0; overflow: overlay; white-space: pre; @@ -376,32 +378,22 @@ } } -.bd-code-snippet { - margin: 0 ($bd-gutter-x * -.5) $spacer; +.highlight-toolbar { + background-color: var(--bd-pre-bg); - .highlight { - margin-bottom: 0; + + .highlight { @include border-top-radius(0); } - - .bd-example { - margin: 0; - border: 0; - } - - @include media-breakpoint-up(md) { - margin-right: 0; - margin-left: 0; - @include border-radius($border-radius); - } } -.highlight-toolbar { - background-color: var(--bd-pre-bg); -} - -.bd-scss-docs { +.bd-file-ref { .highlight-toolbar { - @include border-top-radius(calc(var(--bs-border-radius) + 1px)); + @include media-breakpoint-up(md) { + @include border-top-radius(calc(var(--bs-border-radius) - 1px)); + } } } + +.bd-content .bd-code-snippet { + margin-bottom: 1rem; +} |