diff options
| author | Mark Otto <[email protected]> | 2016-12-29 13:22:45 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-29 13:22:45 -0800 |
| commit | 5d7db507396275fcda96935aff47b09e1d79ddc1 (patch) | |
| tree | 31dadf95b71f8e68a220237c6f62702ff23f4ca3 /docs | |
| parent | a769542888aa4a5b85cab724ec2895beba8aa8f0 (diff) | |
| download | bootstrap-5d7db507396275fcda96935aff47b09e1d79ddc1.tar.xz bootstrap-5d7db507396275fcda96935aff47b09e1d79ddc1.zip | |
redo and make sticky
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/scss/_nav.scss | 19 | ||||
| -rw-r--r-- | docs/assets/scss/_sidebar.scss | 7 |
2 files changed, 22 insertions, 4 deletions
diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss index 303d1dad7..c59c31c25 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 3986bc65e..974f7676d 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; } } |