Improve page
and archive
layouts (#1166)
* 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 #1155 * 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:
@ -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;
|
||||
|
Reference in New Issue
Block a user