From a78e86ae3b04dde643017359837b45a733350a33 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 30 May 2017 23:48:52 -0700
Subject: [PATCH] more minimal sidebar nav
---
assets/scss/_sidebar.scss | 33 ++++++++++++++++-----------------
1 file changed, 16 insertions(+), 17 deletions(-)
diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index 8816609c18..a864930891 100644
--- a/assets/scss/_sidebar.scss
+++ b/assets/scss/_sidebar.scss
@@ -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);
+ &.active {
+ margin-bottom: 1rem;
- &:first-child {
- border-top: 1px solid rgba(0,0,0,.05);
- }
+ &:not(:first-child) {
+ margin-top: 1rem;
+ }
- &.active {
> .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;
}
--
GitLab