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

more minimal sidebar nav

Browse Source
This commit is contained in:
Mark Otto 2017-05-30 23:48:52 -07:00
parent 2fd192968d
commit a78e86ae3b
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
assets/scss/_sidebar.scss
View File

@ -64,8 +64,7 @@
} }
.bd-links { .bd-links {
margin-right: -15px; margin: 1rem -15px;
margin-left: -15px;
// Override collapse behaviors // Override collapse behaviors
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@ -75,8 +74,10 @@
.bd-search { .bd-search {
position: relative; // To contain the Algolia search position: relative; // To contain the Algolia search
padding-top: 1rem; padding: 1rem 15px;
padding-bottom: 1rem; margin-right: -15px;
margin-left: -15px;
border-bottom: 1px solid rgba(0,0,0,.05);
.form-control:focus { .form-control:focus {
border-color: $bd-purple-bright; border-color: $bd-purple-bright;
@ -95,27 +96,26 @@
.bd-toc-link { .bd-toc-link {
display: block; display: block;
padding: .75rem 1.5rem; padding: .25rem 1.5rem;
font-weight: 500; font-weight: 500;
color: $gray; color: rgba(0,0,0,.65);
&:hover { &:hover {
color: $brand-primary; color: rgba(0,0,0,.85);
text-decoration: none; text-decoration: none;
background-color: rgba(0,0,0,.01);
} }
} }
.bd-toc-item { .bd-toc-item {
border-bottom: 1px solid rgba(0,0,0,.05);
&:first-child {
border-top: 1px solid rgba(0,0,0,.05);
}
&.active { &.active {
margin-bottom: 1rem;
&:not(:first-child) {
margin-top: 1rem;
}
> .bd-toc-link { > .bd-toc-link {
color: $gray-dark; color: rgba(0,0,0,.85);
&:hover { &:hover {
background-color: transparent; background-color: transparent;
@ -124,7 +124,6 @@
> .bd-sidenav { > .bd-sidenav {
display: block; display: block;
padding-bottom: .75rem;
} }
} }
} }
@ -138,7 +137,7 @@
} }
.bd-sidebar .nav > li > a:hover { .bd-sidebar .nav > li > a:hover {
color: $brand-primary; color: rgba(0,0,0,.85);
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
} }
@ -146,6 +145,6 @@
.bd-sidebar .nav > .active > a, .bd-sidebar .nav > .active > a,
.bd-sidebar .nav > .active:hover > a { .bd-sidebar .nav > .active:hover > a {
font-weight: 500; font-weight: 500;
color: $gray-dark; color: rgba(0,0,0,.85);
background-color: transparent; background-color: transparent;
} }