diff options
| author | Mark Otto <[email protected]> | 2017-05-27 20:10:35 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-27 20:10:35 -0700 |
| commit | ed3b308c27312fe4d8bd48a23b34095aad958563 (patch) | |
| tree | 90ff25e56ce4d266700c87ae5d58008acca662ea /docs | |
| parent | 0322e7e83ba219ee5a1f275f7aba2e5685847846 (diff) | |
| download | bootstrap-ed3b308c27312fe4d8bd48a23b34095aad958563.tar.xz bootstrap-ed3b308c27312fe4d8bd48a23b34095aad958563.zip | |
purple nav
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/_includes/nav-home.html | 4 | ||||
| -rw-r--r-- | docs/assets/scss/_nav.scss | 24 |
2 files changed, 9 insertions, 19 deletions
diff --git a/docs/_includes/nav-home.html b/docs/_includes/nav-home.html index af57e1679..22bab8848 100644 --- a/docs/_includes/nav-home.html +++ b/docs/_includes/nav-home.html @@ -1,4 +1,4 @@ -<header class="navbar navbar-light navbar-sticky-top navbar-expand-md bd-navbar"> +<header class="navbar navbar-dark navbar-sticky-top navbar-expand-md bd-navbar"> <div class="d-flex w-100 align-items-center justify-content-between d-md-none bd-navbar-brand-wrap"> <a class="navbar-brand" href="{{ site.baseurl }}/"> Bootstrap @@ -48,6 +48,6 @@ </li> </ul> - <a class="btn btn-primary mb-3 mb-md-0 ml-md-3" href="{{ site.download.source }}">Download</a> + <a class="btn btn-outline-secondary mb-3 mb-md-0 ml-md-3" href="{{ site.download.source }}">Download</a> </div> </header> diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss index b72f6de1a..95de4f78d 100644 --- a/docs/assets/scss/_nav.scss +++ b/docs/assets/scss/_nav.scss @@ -5,37 +5,27 @@ // .bd-navbar { - // @include media-breakpoint-up(md) { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; // over everything in bootstrap min-height: 4rem; - // max-height: calc(100vh - 4rem); - // overflow-y: auto; - // } - // padding-right: 0; - // padding-left: 0; - // margin-bottom: 2rem; - background-color: #fff; - background-clip: padding-box; + background-color: $bd-purple; border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.05); .navbar-nav { .nav-link { - color: $bd-graphite-light; + color: $bd-purple-light; &.active, - &:hover, - &:focus { - color: $gray-dark; + &:hover { + color: #fff; background-color: transparent; } &.active { font-weight: 500; - color: darken($gray-dark, 15%); } } } @@ -51,9 +41,9 @@ font-size: .875rem; } - .navbar-brand { - color: $bd-purple; - } + // .navbar-brand { + // color: #fff; + // } .bd-navbar-brand-wrap { padding-top: .25rem; |