rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

nav styles

Browse Source
This commit is contained in:
Mark Otto 2016-10-24 16:06:32 -07:00
parent 99d1cb0b0d
commit c581564a78
1 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,6 +11,17 @@
} }
} }
.bd-links {
// padding-top: .25rem;
// padding-bottom: .25rem;
border: 1px solid $gray-lighter;
border-radius: .25rem;
@include media-breakpoint-up(md) {
margin-right: 1.5rem;
}
}
.bd-search { .bd-search {
position: relative; position: relative;
@ -26,7 +37,7 @@
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
padding-right: 1rem; // padding-right: 1rem;
} }
} }
@ -35,7 +46,7 @@
display: block; display: block;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
font-size: .9rem; font-size: .85rem;
&:empty { &:empty {
display: none; display: none;
@ -64,9 +75,9 @@
.bd-toc-link { .bd-toc-link {
display: block; display: block;
padding-top: .25rem; // padding-top: .25rem;
padding-bottom: .25rem; // padding-bottom: .25rem;
// padding: .25rem .75rem; padding: .75rem 1rem;
color: $gray; color: $gray;
} }
.bd-toc-link:hover, .bd-toc-link:hover,
@ -82,23 +93,29 @@
display: block; display: block;
} }
.bd-toc-item {
&:not(:last-child) {
border-bottom: 1px solid $gray-lighter;
}
}
.bd-toc-item.active { .bd-toc-item.active {
margin-top: 1rem; padding-top: .25rem;
margin-bottom: 1rem; padding-bottom: 1rem;
} }
.bd-toc-item:first-child { .bd-toc-item:first-child {
margin-top: 0; // margin-top: 0;
} }
.bd-toc-item:last-child { .bd-toc-item:last-child {
margin-bottom: 2rem; // margin-bottom: 2rem;
} }
// All levels of nav // All levels of nav
.bd-sidebar .nav > li > a { .bd-sidebar .nav > li > a {
display: block; display: block;
padding-top: .25rem; // padding-top: .25rem;
padding-bottom: .25rem; // padding-bottom: .25rem;
// padding: .25rem .75rem; padding: .25rem 1rem;
font-size: 90%; font-size: 90%;
color: #99979c; color: #99979c;
} }