mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 23:59:53 +02:00
Code Issues Releases Wiki Activity

Docs offcanvas navbar (#34487)

Browse Source 
* Redesign docs navbar to use offcanvas, tweak overall padding while I'm here

* Match code snippets to new gutter width

* Replace value with docs-specific variable

Opted not to do a CSS variable here since on .bd-content it would be inherited into our examples

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Mark Otto
2021-12-03 00:08:01 -08:00
committed by GitHub
parent 6eef480e1e
commit a780d74b28
7 changed files with 89 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
site/assets/scss/_component-examples.scss
View File

@@ -85,7 +85,7 @@
.bd-example {
position: relative;
padding: 1rem;
margin: 1rem (-$grid-gutter-width * .5) 0;
margin: 1rem ($bd-gutter-x * -1) 0;
border: solid $gray-300;
border-width: 1px 0 0;
@include clearfix();
@@ -313,7 +313,7 @@
//
.highlight {
padding: 1rem;
padding: var(--bs-gutter-x) $bd-gutter-x;
margin-bottom: 1rem;
background-color: $gray-100;
@@ -338,8 +338,8 @@
}
.bd-content .highlight {
margin-right: (-$grid-gutter-width * .5);
margin-left: (-$grid-gutter-width * .5);
margin-right: $bd-gutter-x * -1;
margin-left: $bd-gutter-x * -1;
@include media-breakpoint-up(sm) {
margin-right: 0;