Improve side navigation spacing in relation to masthead

This commit is contained in:
Michael Rose
2018-08-09 15:06:00 -04:00
parent 676b9cc0e3
commit e707057fa8
6 changed files with 33 additions and 18 deletions

View File

@@ -8,8 +8,6 @@
.sidebar {
@include clearfix();
margin-bottom: 1em;
@include breakpoint(max-width $large) {
/* fix z-index order of follow links */
position: relative;
@@ -31,10 +29,10 @@
&.sticky {
overflow-y: auto;
/* calculate height of nav list */
height: calc(
100vh - 90px - 2em
); // viewport height - approx. masthead height - main content top margin
/* calculate height of nav list
viewport height - nav height - masthead x-padding
*/
height: calc(100vh - #{$nav-height} - 2em);
}
}
@@ -42,6 +40,11 @@
width: calc(#{$right-sidebar-width} - 1em);
}
> * {
margin-top: 1em;
margin-bottom: 1em;
}
h2,
h3,
h4,