diff options
author | Mark Otto <markd.otto@gmail.com> | 2022-04-19 06:56:18 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-04-19 06:56:18 +0300 |
commit | 3362c8cf13cc3610a6e0ac1efc673f7f8c74ac08 (patch) | |
tree | 7ad4d92b2cff116ca28dd5479d2272971fea0c44 /site/assets | |
parent | 3990ff04a00f2768b768e1c852594e3a365b9c61 (diff) |
Do some CSS and Migration guide cleanup (#36191)
* Do some CSS and Migration guide cleanup
- More code snippet tweaks
- Fix some homepage hero bugs
- Do a cleanup on Migration guide content to highlight more changes and fix some issues from merge conflicts
Diffstat (limited to 'site/assets')
-rw-r--r-- | site/assets/scss/_component-examples.scss | 12 | ||||
-rw-r--r-- | site/assets/scss/_masthead.scss | 6 | ||||
-rw-r--r-- | site/assets/scss/_syntax.scss | 2 |
3 files changed, 15 insertions, 5 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 701682d204..73ffe2f8ef 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -82,6 +82,15 @@ // Docs examples // +.bd-example-snippet { + border: solid $border-color; + border-width: 1px 0; + + @include media-breakpoint-up(md) { + border-width: 1px; + } +} + .bd-example { position: relative; padding: 1rem; @@ -371,8 +380,6 @@ .bd-code-snippet { margin: $spacer ($bd-gutter-x * -.5); - border: solid $border-color; - border-width: 1px 0; .highlight { margin-bottom: 0; @@ -381,7 +388,6 @@ @include media-breakpoint-up(md) { margin-right: 0; margin-left: 0; - border-width: 1px; @include border-radius($border-radius); } } diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss index 42ad0f3853..4bb356e103 100644 --- a/site/assets/scss/_masthead.scss +++ b/site/assets/scss/_masthead.scss @@ -20,9 +20,13 @@ color: $gray-700; } + .bd-code-snippet { + margin: 0; + @include border-radius(.5rem); + } + .highlight { padding: .5rem 4rem .5rem 1rem; - margin-bottom: 0; line-height: 1.25; background-color: rgba(var(--bs-body-color-rgb), .075); @include border-radius(.5rem); diff --git a/site/assets/scss/_syntax.scss b/site/assets/scss/_syntax.scss index 662f70dc4d..487550bfd3 100644 --- a/site/assets/scss/_syntax.scss +++ b/site/assets/scss/_syntax.scss @@ -35,7 +35,7 @@ font-weight: 600; color: #fff; } -.gi { color: var(--base0C); } +.gi { color: var(--bs-success); } .gp { font-weight: 600; color: var(--base04); |