diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss index 303d1dad75..c59c31c256 100644 --- a/docs/assets/scss/_nav.scss +++ b/docs/assets/scss/_nav.scss @@ -1,11 +1,22 @@ +// scss-lint:disable VendorPrefix + // // Main navbar // .bd-navbar { + // @include media-breakpoint-up(md) { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1030; // over everything in bootstrap + // max-height: calc(100vh - 4rem); + // overflow-y: auto; + // } // padding-right: 0; // padding-left: 0; - margin-bottom: 2rem; + // margin-bottom: 2rem; + background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 6px 12px rgba(0,0,0,.05); @@ -28,6 +39,10 @@ } .dropdown-menu { - font-size: inherit; + font-size: .875rem; + } + + .navbar-brand { + color: $bd-purple; } } diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss index 3986bc65eb..974f7676d2 100644 --- a/docs/assets/scss/_sidebar.scss +++ b/docs/assets/scss/_sidebar.scss @@ -1,11 +1,14 @@ +// scss-lint:disable VendorPrefix + // // Side navigation // .bd-sidebar { @include media-breakpoint-up(md) { + position: -webkit-sticky; position: sticky; - top: 2rem; + top: 5rem; max-height: calc(100vh - 4rem); overflow-y: auto; } @@ -26,7 +29,7 @@ } @include media-breakpoint-up(md) { - padding-right: 1rem; + // padding-right: 1rem; } }