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

new nav styles

Browse Source
This commit is contained in:
Mark Otto
2017-05-27 17:36:35 -07:00
parent 4564f7e3ef
commit ded32a682a
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
docs/assets/scss/_nav.scss
View File

@@ -18,8 +18,9 @@
// padding-left: 0; // padding-left: 0;
// margin-bottom: 2rem; // margin-bottom: 2rem;
background-color: #fff; background-color: #fff;
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1);
box-shadow: 0 6px 12px rgba(0,0,0,.05); box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
.navbar-nav { .navbar-nav {
.nav-link { .nav-link {

19
docs/assets/scss/_sidebar.scss
View File

@@ -5,23 +5,28 @@
// //
.bd-sidebar { .bd-sidebar {
padding-top: 1rem;
background-color: #f5f5f5;
border-right: 1px solid rgba(0,0,0,.1);
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 5rem; top: 4rem;
max-height: calc(100vh - 4rem); max-height: calc(100vh - 4rem);
overflow-y: auto; overflow-y: auto;
} }
} }
.bd-links { .bd-links {
margin-right: -15px;
margin-left: -15px;
// padding-top: .25rem; // padding-top: .25rem;
// padding-bottom: .25rem; // padding-bottom: .25rem;
border: 1px solid $gray-lighter; // border: 1px solid $gray-lighter;
border-radius: .25rem; // border-radius: .25rem;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin-right: 1.5rem; // margin-right: 1.5rem;
} }
} }
@@ -80,7 +85,7 @@
display: block; display: block;
// padding-top: .25rem; // padding-top: .25rem;
// padding-bottom: .25rem; // padding-bottom: .25rem;
padding: .75rem 1rem; padding: .75rem 1.5rem;
color: $gray; color: $gray;
} }
.bd-toc-link:hover, .bd-toc-link:hover,
@@ -118,7 +123,7 @@
display: block; display: block;
// padding-top: .25rem; // padding-top: .25rem;
// padding-bottom: .25rem; // padding-bottom: .25rem;
padding: .25rem 1rem; padding: .25rem 1.5rem;
font-size: 90%; font-size: 90%;
color: #99979c; color: #99979c;
} }