Improve page and archive layouts ()

* Fix collapsed white-space above pagination links

* Improve `page` and `archive` layout
- Center main content on page
- Harmonize sidebar columns to be equal widths

Fixes 

* Update CHANGELOG and history

* Position and align right sidebar with the top of the main content

* Offset right sidebar at `$large` viewport

* Add TOC bottom include test post

* Add right sidebar styling edits to documentation site

* Add TOC bottom include test post
This commit is contained in:
Michael Rose
2017-08-08 14:41:46 -04:00
committed by GitHub
parent edba2c3a88
commit 3b3905c44f
14 changed files with 259 additions and 63 deletions

@ -5,14 +5,15 @@
.archive {
margin-bottom: 2em;
@include breakpoint($medium) {
width: span(12 of 12);
}
@include breakpoint($large) {
float: right;
padding-left: gutter(0.5 of 12);
width: span(10 of 12);
width: calc(100% - #{$right-sidebar-width-narrow});
padding-right: $right-sidebar-width-narrow;
}
@include breakpoint($x-large) {
width: calc(100% - #{$right-sidebar-width});
padding-right: $right-sidebar-width;
}
a {
@ -84,17 +85,6 @@
========================================================================== */
.list__item {
@include breakpoint($medium) {
padding-right: $right-sidebar-width-narrow;
}
@include breakpoint($large) {
padding-right: $right-sidebar-width;
}
@include breakpoint($x-large) {
padding-right: $right-sidebar-width-wide;
}
.page__meta {
margin: 0 0 4px;