diff --git a/_sass/minimal-mistakes/_archive.scss b/_sass/minimal-mistakes/_archive.scss index f95cd4cd..88076a9a 100644 --- a/_sass/minimal-mistakes/_archive.scss +++ b/_sass/minimal-mistakes/_archive.scss @@ -317,3 +317,19 @@ font-size: 1em; } } + +/* + Wide Pages + ========================================================================== */ + + .wide { + .archive { + @include breakpoint($large) { + padding-right: 0; + } + + @include breakpoint($x-large) { + padding-right: 0; + } + } +} \ No newline at end of file diff --git a/docs/_docs/10-layouts.md b/docs/_docs/10-layouts.md index 8a7259f6..26a46bcd 100644 --- a/docs/_docs/10-layouts.md +++ b/docs/_docs/10-layouts.md @@ -84,7 +84,7 @@ The layout you'll likely use the most --- sidebar and main content combo. {% include gallery id="single_layout_gallery" caption="Image header and meta info examples for `single` layout" %} -Assign with `layout: single`, or better yet apply as a [Front Matter default]({{ "/docs/configuration/#front-matter-defaults" | absolute_url }}) in `_config.yml`. +Assign with `layout: single` , or better yet apply as a [Front Matter default]({{ "/docs/configuration/#front-matter-defaults" | absolute_url }}) in `_config.yml`. ### Wide Page @@ -154,6 +154,14 @@ Post and page excerpts are auto-generated by Jekyll which grabs the first paragr excerpt: "A unique line of text to describe this post that will display in an archive listing and meta description with SEO benefits." ``` +### Wide Page + +To expand the main content to the right, filling the space of what is normally occupied by the table of contents. Add the following to a post or page's YAML Front Matter: + +```yaml +classes: wide +``` + ### Grid View Adding `type=grid` to the `archive-single` helper will display archive posts in a 4 column grid. For example to create an archive displaying all documents in the portfolio collection: diff --git a/test/_pages/portfolio-archive.md b/test/_pages/portfolio-archive.md index 94b6d2ae..019082f4 100644 --- a/test/_pages/portfolio-archive.md +++ b/test/_pages/portfolio-archive.md @@ -4,6 +4,7 @@ layout: collection permalink: /portfolio/ collection: portfolio entries_layout: grid +classes: wide --- Sample document listing for the collection `_portfolio`.