rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +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 {
margin-right: -15px;
margin-left: -15px;
margin: 1rem -15px;
// Override collapse behaviors
@include media-breakpoint-up(md) {
@ -75,8 +74,10 @@
.bd-search {
position: relative; // To contain the Algolia search
padding-top: 1rem;
padding-bottom: 1rem;
padding: 1rem 15px;
margin-right: -15px;
margin-left: -15px;
border-bottom: 1px solid rgba(0,0,0,.05);
.form-control:focus {
border-color: $bd-purple-bright;
@ -95,27 +96,26 @@
.bd-toc-link {
display: block;
padding: .75rem 1.5rem;
padding: .25rem 1.5rem;
font-weight: 500;
color: $gray;
color: rgba(0,0,0,.65);
&:hover {
color: $brand-primary;
color: rgba(0,0,0,.85);
text-decoration: none;
background-color: rgba(0,0,0,.01);
}
}
.bd-toc-item {
border-bottom: 1px solid rgba(0,0,0,.05);
&:first-child {
border-top: 1px solid rgba(0,0,0,.05);
}
&.active {
margin-bottom: 1rem;
&:not(:first-child) {
margin-top: 1rem;
}
> .bd-toc-link {
color: $gray-dark;
color: rgba(0,0,0,.85);
&:hover {
background-color: transparent;
@ -124,7 +124,6 @@
> .bd-sidenav {
display: block;
padding-bottom: .75rem;
}
}
}
@ -138,7 +137,7 @@
}
.bd-sidebar .nav > li > a:hover {
color: $brand-primary;
color: rgba(0,0,0,.85);
text-decoration: none;
background-color: transparent;
}
@ -146,6 +145,6 @@
.bd-sidebar .nav > .active > a,
.bd-sidebar .nav > .active:hover > a {
font-weight: 500;
color: $gray-dark;
color: rgba(0,0,0,.85);
background-color: transparent;
}