Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit f1afdf0

Browse files
mmistakesmmistakes
committedAug 9, 2017
Extend grid view to the right to better fill the page
- Use a negative right margin to pull `.grid__wrapper` into the dead space left for a sidebar. - Add sample documents to "portfolio" collection to test grid view - Update CHANGELOG and history
1 parent 1610ed8 commit f1afdf0

File tree

10 files changed

+215
-1
lines changed

10 files changed

+215
-1
lines changed
 

‎CHANGELOG.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
- Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166)
88
- Increase font-size of code blocks.
99
- Reduce indent of nested "table of contents" links.
10+
- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page.
1011

1112
## Bug Fixes
1213

@@ -18,6 +19,7 @@
1819
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
1920
- Remove outside and right borders in `table`s.
2021
- Adjust width of `.sidebar` to match `.sidebar__right`.
22+
- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view.
2123

2224
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)
2325

‎_sass/minimal-mistakes/_archive.scss

+15
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,21 @@
9696
Grid view
9797
========================================================================== */
9898

99+
.archive {
100+
101+
.grid__wrapper {
102+
/* extend grid elements to the right */
103+
104+
@include breakpoint($large) {
105+
margin-right: -1 * $right-sidebar-width-narrow;
106+
}
107+
108+
@include breakpoint($x-large) {
109+
margin-right: -1 * $right-sidebar-width;
110+
}
111+
}
112+
}
113+
99114
.grid__item {
100115
margin-bottom: 2em;
101116

‎docs/_docs/18-history.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ permalink: /docs/history/
44
excerpt: "Change log of enhancements and bug fixes made to the theme."
55
sidebar:
66
nav: docs
7-
last_modified_at: 2017-08-09T09:02:47-04:00
7+
last_modified_at: 2017-08-09T12:59:12-04:00
88
---
99

1010
## Unreleased
@@ -16,6 +16,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00
1616
- Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166)
1717
- Increase font-size of code blocks.
1818
- Reduce indent of nested "table of contents" links.
19+
- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page.
1920

2021
## Bug Fixes
2122

@@ -27,6 +28,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00
2728
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
2829
- Remove outside and right borders in `table`s.
2930
- Adjust width of `.sidebar` to match `.sidebar__right`.
31+
- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view.
3032

3133
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)
3234

‎docs/_portfolio/baz-boom-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Baz Boom Identity"
3+
excerpt: "Baz Boom design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-1.jpg
6+
teaser: assets/images/unsplash-gallery-image-1-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

‎docs/_portfolio/fizz-bang-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Fizz Bang Identity"
3+
excerpt: "Fizz Bang design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-2.jpg
6+
teaser: assets/images/unsplash-gallery-image-2-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

‎docs/_portfolio/ginger-gulp-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Ginger Gulp Identity"
3+
excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-3.jpg
6+
teaser: assets/images/unsplash-gallery-image-3-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

‎docs/_sass/minimal-mistakes/_archive.scss

+15
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,21 @@
9696
Grid view
9797
========================================================================== */
9898

99+
.archive {
100+
101+
.grid__wrapper {
102+
/* extend grid elements to the right */
103+
104+
@include breakpoint($large) {
105+
margin-right: -1 * $right-sidebar-width-narrow;
106+
}
107+
108+
@include breakpoint($x-large) {
109+
margin-right: -1 * $right-sidebar-width;
110+
}
111+
}
112+
}
113+
99114
.grid__item {
100115
margin-bottom: 2em;
101116

‎test/_portfolio/baz-boom-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Baz Boom Identity"
3+
excerpt: "Baz Boom design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-1.jpg
6+
teaser: assets/images/unsplash-gallery-image-1-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

‎test/_portfolio/fizz-bang-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Fizz Bang Identity"
3+
excerpt: "Fizz Bang design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-2.jpg
6+
teaser: assets/images/unsplash-gallery-image-2-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

‎test/_portfolio/ginger-gulp-identity.md

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: "Ginger Gulp Identity"
3+
excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications."
4+
header:
5+
image: /assets/images/unsplash-gallery-image-3.jpg
6+
teaser: assets/images/unsplash-gallery-image-3-th.jpg
7+
sidebar:
8+
- title: "Role"
9+
image: http://placehold.it/350x250
10+
image_alt: "logo"
11+
text: "Designer, Front-End Developer"
12+
- title: "Responsibilities"
13+
text: "Reuters try PR stupid commenters should isn't a business model"
14+
gallery:
15+
- url: /assets/images/unsplash-gallery-image-1.jpg
16+
image_path: assets/images/unsplash-gallery-image-1-th.jpg
17+
alt: "placeholder image 1"
18+
- url: /assets/images/unsplash-gallery-image-2.jpg
19+
image_path: assets/images/unsplash-gallery-image-2-th.jpg
20+
alt: "placeholder image 2"
21+
- url: /assets/images/unsplash-gallery-image-3.jpg
22+
image_path: assets/images/unsplash-gallery-image-3-th.jpg
23+
alt: "placeholder image 3"
24+
---
25+
26+
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
27+
28+
{% include gallery caption="This is a sample gallery to go along with this case study." %}
29+
30+
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

0 commit comments

Comments
 (0)
Please sign in to comment.