minimal-mistakes-jekyll 4.6.0 → 4.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +26 -0
  3. data/LICENSE.txt +59 -21
  4. data/README.md +217 -160
  5. data/_data/navigation.yml +11 -11
  6. data/_data/ui-text.yml +931 -888
  7. data/_includes/analytics-providers/custom.html +2 -2
  8. data/_includes/analytics-providers/google-universal.html +9 -9
  9. data/_includes/analytics-providers/google.html +10 -10
  10. data/_includes/analytics.html +11 -11
  11. data/_includes/archive-single.html +37 -37
  12. data/_includes/author-profile-custom-links.html +6 -6
  13. data/_includes/author-profile.html +249 -249
  14. data/_includes/base_path +4 -4
  15. data/_includes/breadcrumbs.html +39 -39
  16. data/_includes/browser-upgrade.html +2 -2
  17. data/_includes/category-list.html +25 -25
  18. data/_includes/comment.html +22 -22
  19. data/_includes/comments-providers/custom.html +2 -2
  20. data/_includes/comments-providers/discourse.html +13 -13
  21. data/_includes/comments-providers/facebook.html +7 -7
  22. data/_includes/comments-providers/google-plus.html +1 -1
  23. data/_includes/comments-providers/scripts.html +17 -15
  24. data/_includes/comments-providers/staticman.html +41 -41
  25. data/_includes/comments-providers/staticman_v2.html +42 -0
  26. data/_includes/comments.html +168 -96
  27. data/_includes/feature_row +49 -49
  28. data/_includes/figure +12 -12
  29. data/_includes/footer.html +25 -25
  30. data/_includes/footer/custom.html +2 -2
  31. data/_includes/gallery +46 -46
  32. data/_includes/group-by-array +46 -46
  33. data/_includes/head.html +42 -42
  34. data/_includes/head/custom.html +4 -4
  35. data/_includes/masthead.html +23 -20
  36. data/_includes/nav_list +46 -46
  37. data/_includes/page__hero_video.html +4 -4
  38. data/_includes/page__taxonomy.html +6 -6
  39. data/_includes/paginator.html +69 -69
  40. data/_includes/post_pagination.html +13 -13
  41. data/_includes/read-time.html +14 -14
  42. data/_includes/scripts.html +15 -15
  43. data/_includes/seo.html +162 -147
  44. data/_includes/sidebar.html +22 -22
  45. data/_includes/social-share.html +13 -13
  46. data/_includes/tag-list.html +25 -25
  47. data/_includes/toc +6 -6
  48. data/_includes/toc.html +75 -0
  49. data/_includes/video +11 -11
  50. data/_layouts/archive-taxonomy.html +14 -14
  51. data/_layouts/archive.html +25 -25
  52. data/_layouts/compress.html +10 -10
  53. data/_layouts/default.html +1 -1
  54. data/_layouts/home.html +11 -11
  55. data/_layouts/single.html +92 -84
  56. data/_layouts/splash.html +21 -21
  57. data/_sass/minimal-mistakes.scss +1 -1
  58. data/_sass/minimal-mistakes/_animations.scss +20 -20
  59. data/_sass/minimal-mistakes/_archive.scss +317 -317
  60. data/_sass/minimal-mistakes/_base.scss +315 -315
  61. data/_sass/minimal-mistakes/_buttons.scss +97 -97
  62. data/_sass/minimal-mistakes/_footer.scss +82 -82
  63. data/_sass/minimal-mistakes/_forms.scss +399 -389
  64. data/_sass/minimal-mistakes/_masthead.scss +82 -82
  65. data/_sass/minimal-mistakes/_mixins.scss +91 -91
  66. data/_sass/minimal-mistakes/_navigation.scss +552 -552
  67. data/_sass/minimal-mistakes/_notices.scss +99 -99
  68. data/_sass/minimal-mistakes/_page.scss +430 -430
  69. data/_sass/minimal-mistakes/_reset.scss +186 -186
  70. data/_sass/minimal-mistakes/_sidebar.scss +262 -262
  71. data/_sass/minimal-mistakes/_syntax.scss +286 -146
  72. data/_sass/minimal-mistakes/_tables.scss +36 -36
  73. data/_sass/minimal-mistakes/_utilities.scss +519 -519
  74. data/_sass/minimal-mistakes/_variables.scss +137 -137
  75. data/_sass/minimal-mistakes/skins/_air.scss +22 -22
  76. data/_sass/minimal-mistakes/skins/_aqua.scss +30 -0
  77. data/_sass/minimal-mistakes/skins/_contrast.scss +33 -33
  78. data/_sass/minimal-mistakes/skins/_dark.scss +23 -23
  79. data/_sass/minimal-mistakes/skins/_default.scss +5 -5
  80. data/_sass/minimal-mistakes/skins/_dirt.scss +14 -14
  81. data/_sass/minimal-mistakes/skins/_mint.scss +22 -22
  82. data/_sass/minimal-mistakes/skins/_neon.scss +35 -0
  83. data/_sass/minimal-mistakes/skins/_plum.scss +42 -0
  84. data/_sass/minimal-mistakes/skins/_sunrise.scss +25 -25
  85. data/_sass/minimal-mistakes/vendor/breakpoint/_breakpoint.scss +114 -114
  86. data/_sass/minimal-mistakes/vendor/breakpoint/_context.scss +94 -94
  87. data/_sass/minimal-mistakes/vendor/breakpoint/_helpers.scss +151 -151
  88. data/_sass/minimal-mistakes/vendor/breakpoint/_legacy-settings.scss +49 -49
  89. data/_sass/minimal-mistakes/vendor/breakpoint/_no-query.scss +15 -15
  90. data/_sass/minimal-mistakes/vendor/breakpoint/_parsers.scss +215 -215
  91. data/_sass/minimal-mistakes/vendor/breakpoint/_respond-to.scss +82 -82
  92. data/_sass/minimal-mistakes/vendor/breakpoint/_settings.scss +70 -70
  93. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_double.scss +33 -33
  94. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_query.scss +82 -82
  95. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_resolution.scss +31 -31
  96. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_single.scss +26 -26
  97. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/_triple.scss +36 -36
  98. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  99. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_default.scss +22 -22
  100. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  101. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  102. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/single/_default.scss +13 -13
  103. data/_sass/minimal-mistakes/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  104. data/_sass/minimal-mistakes/vendor/font-awesome/_animated.scss +34 -34
  105. data/_sass/minimal-mistakes/vendor/font-awesome/_bordered-pulled.scss +25 -25
  106. data/_sass/minimal-mistakes/vendor/font-awesome/_core.scss +12 -12
  107. data/_sass/minimal-mistakes/vendor/font-awesome/_fixed-width.scss +6 -6
  108. data/_sass/minimal-mistakes/vendor/font-awesome/_font-awesome.scss +18 -18
  109. data/_sass/minimal-mistakes/vendor/font-awesome/_icons.scss +789 -789
  110. data/_sass/minimal-mistakes/vendor/font-awesome/_larger.scss +13 -13
  111. data/_sass/minimal-mistakes/vendor/font-awesome/_list.scss +19 -19
  112. data/_sass/minimal-mistakes/vendor/font-awesome/_mixins.scss +60 -60
  113. data/_sass/minimal-mistakes/vendor/font-awesome/_path.scss +15 -15
  114. data/_sass/minimal-mistakes/vendor/font-awesome/_rotated-flipped.scss +20 -20
  115. data/_sass/minimal-mistakes/vendor/font-awesome/_screen-reader.scss +5 -5
  116. data/_sass/minimal-mistakes/vendor/font-awesome/_stacked.scss +20 -20
  117. data/_sass/minimal-mistakes/vendor/font-awesome/_variables.scss +800 -800
  118. data/_sass/minimal-mistakes/vendor/magnific-popup/_magnific-popup.scss +649 -649
  119. data/_sass/minimal-mistakes/vendor/magnific-popup/_settings.scss +45 -45
  120. data/_sass/minimal-mistakes/vendor/susy/_susy-prefix.scss +13 -13
  121. data/_sass/minimal-mistakes/vendor/susy/_susy.scss +5 -5
  122. data/_sass/minimal-mistakes/vendor/susy/plugins/_svg-grid.scss +5 -5
  123. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_prefix.scss +7 -7
  124. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-api.scss +114 -114
  125. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-grid-math.scss +67 -67
  126. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-settings.scss +14 -14
  127. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-unprefix.scss +18 -18
  128. data/_sass/minimal-mistakes/vendor/susy/plugins/svg-grid/_svg-utilities.scss +133 -133
  129. data/_sass/minimal-mistakes/vendor/susy/susy/_api.scss +318 -318
  130. data/_sass/minimal-mistakes/vendor/susy/susy/_normalize.scss +261 -261
  131. data/_sass/minimal-mistakes/vendor/susy/susy/_parse.scss +163 -163
  132. data/_sass/minimal-mistakes/vendor/susy/susy/_settings.scss +329 -329
  133. data/_sass/minimal-mistakes/vendor/susy/susy/_su-math.scss +441 -441
  134. data/_sass/minimal-mistakes/vendor/susy/susy/_su-validate.scss +213 -213
  135. data/_sass/minimal-mistakes/vendor/susy/susy/_syntax-helpers.scss +191 -191
  136. data/_sass/minimal-mistakes/vendor/susy/susy/_unprefix.scss +56 -56
  137. data/_sass/minimal-mistakes/vendor/susy/susy/_utilities.scss +167 -167
  138. data/assets/css/main.scss +7 -7
  139. data/assets/fonts/fontawesome-webfont.svg +2671 -2671
  140. data/assets/js/_main.js +72 -72
  141. data/assets/js/main.min.js +1 -1
  142. data/assets/js/plugins/jquery.fitvids.js +81 -81
  143. data/assets/js/plugins/jquery.greedy-navigation.js +77 -77
  144. metadata +8 -3
@@ -1,22 +1,22 @@
1
- ---
2
- layout: default
3
- ---
4
-
5
- {% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
6
- {% include page__hero.html %}
7
- {% elsif page.header.video.id and page.header.video.provider %}
8
- {% include page__hero_video.html %}
9
- {% endif %}
10
-
11
- <div id="main" role="main">
12
- <article class="splash" itemscope itemtype="http://schema.org/CreativeWork">
13
- {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
14
- {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
15
- {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
16
- {% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date: "%B %d, %Y" }}">{% endif %}
17
-
18
- <section class="page__content" itemprop="text">
19
- {{ content }}
20
- </section>
21
- </article>
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
6
+ {% include page__hero.html %}
7
+ {% elsif page.header.video.id and page.header.video.provider %}
8
+ {% include page__hero_video.html %}
9
+ {% endif %}
10
+
11
+ <div id="main" role="main">
12
+ <article class="splash" itemscope itemtype="http://schema.org/CreativeWork">
13
+ {% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
14
+ {% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
15
+ {% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
16
+ {% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date: "%B %d, %Y" }}">{% endif %}
17
+
18
+ <section class="page__content" itemprop="text">
19
+ {{ content }}
20
+ </section>
21
+ </article>
22
22
  </div>
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
2
+ * Minimal Mistakes Jekyll Theme 4.7.0 by Michael Rose
3
3
  * Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
4
4
  * Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt)
5
5
  */
@@ -1,21 +1,21 @@
1
- /* ==========================================================================
2
- ANIMATIONS
3
- ========================================================================== */
4
-
5
- @-webkit-keyframes intro {
6
- 0% {
7
- opacity: 0;
8
- }
9
- 100% {
10
- opacity: 1;
11
- }
12
- }
13
-
14
- @keyframes intro {
15
- 0% {
16
- opacity: 0;
17
- }
18
- 100% {
19
- opacity: 1;
20
- }
1
+ /* ==========================================================================
2
+ ANIMATIONS
3
+ ========================================================================== */
4
+
5
+ @-webkit-keyframes intro {
6
+ 0% {
7
+ opacity: 0;
8
+ }
9
+ 100% {
10
+ opacity: 1;
11
+ }
12
+ }
13
+
14
+ @keyframes intro {
15
+ 0% {
16
+ opacity: 0;
17
+ }
18
+ 100% {
19
+ opacity: 1;
20
+ }
21
21
  }
@@ -1,318 +1,318 @@
1
- /* ==========================================================================
2
- ARCHIVE
3
- ========================================================================== */
4
-
5
- .archive {
6
- margin-bottom: 2em;
7
-
8
- @include breakpoint($large) {
9
- float: right;
10
- width: calc(100% - #{$right-sidebar-width-narrow});
11
- padding-right: $right-sidebar-width-narrow;
12
- }
13
-
14
- @include breakpoint($x-large) {
15
- width: calc(100% - #{$right-sidebar-width});
16
- padding-right: $right-sidebar-width;
17
- }
18
-
19
- a {
20
- color: inherit;
21
- text-decoration: none;
22
- }
23
- }
24
-
25
- .archive__subtitle {
26
- margin: 1.414em 0 0;
27
- padding-bottom: 0.5em;
28
- font-size: $type-size-5;
29
- color: $muted-text-color;
30
- border-bottom: 1px solid $border-color;
31
-
32
- + .list__item .archive__item-title {
33
- margin-top: 0.5em;
34
- }
35
- }
36
-
37
- .archive__item-title {
38
- margin-bottom: 0.25em;
39
- font-family: $sans-serif-narrow;
40
- overflow: hidden;
41
- text-overflow: ellipsis;
42
-
43
- a + a {
44
- opacity: 0.5;
45
- }
46
- }
47
-
48
- /* remove border*/
49
- .page__content {
50
-
51
- .archive__item-title {
52
- margin-top: 1em;
53
- border-bottom: none;
54
- }
55
- }
56
-
57
- .archive__item-excerpt {
58
- margin-top: 0;
59
- font-size: $type-size-6;
60
-
61
- & + p {
62
- text-indent: 0;
63
- }
64
- }
65
-
66
- .archive__item-teaser {
67
- border-radius: $border-radius;
68
- overflow: hidden;
69
- img {
70
- width: 100%;
71
- }
72
- }
73
-
74
- .archive__item:hover {
75
-
76
- .archive__item-teaser {
77
- box-shadow: 0 0 10px rgba(#000, 0.25);
78
- }
79
-
80
- .archive__item-title {
81
- text-decoration: underline;
82
- }
83
- }
84
-
85
-
86
- /*
87
- List view
88
- ========================================================================== */
89
-
90
- .list__item {
91
-
92
- .page__meta {
93
- margin: 0 0 4px;
94
- }
95
- }
96
-
97
-
98
- /*
99
- Grid view
100
- ========================================================================== */
101
-
102
- .archive {
103
-
104
- .grid__wrapper {
105
- /* extend grid elements to the right */
106
-
107
- @include breakpoint($large) {
108
- margin-right: -1 * $right-sidebar-width-narrow;
109
- }
110
-
111
- @include breakpoint($x-large) {
112
- margin-right: -1 * $right-sidebar-width;
113
- }
114
- }
115
- }
116
-
117
- .grid__item {
118
- margin-bottom: 2em;
119
-
120
- @include breakpoint($small) {
121
- float: left;
122
- width: span(5 of 10);
123
-
124
- &:nth-child(2n+1) {
125
- clear: both;
126
- margin-left: 0;
127
- }
128
-
129
- &:nth-child(2n+2) {
130
- clear: none;
131
- margin-left: gutter(of 10);
132
- }
133
- }
134
-
135
- @include breakpoint($medium) {
136
- margin-left: 0; /* override margin*/
137
- margin-right: 0; /* override margin*/
138
- width: span(3 of 12);
139
-
140
- &:nth-child(2n+1) {
141
- clear: none;
142
- }
143
-
144
- &:nth-child(4n+1) {
145
- clear: both;
146
- }
147
-
148
- &:nth-child(4n+2) {
149
- clear: none;
150
- margin-left: gutter(1 of 12);
151
- }
152
-
153
- &:nth-child(4n+3) {
154
- clear: none;
155
- margin-left: gutter(1 of 12);
156
- }
157
-
158
- &:nth-child(4n+4) {
159
- clear: none;
160
- margin-left: gutter(1 of 12);
161
- }
162
- }
163
-
164
- .page__meta {
165
- margin: 0 0 4px;
166
- }
167
-
168
- .archive__item-title {
169
- margin-top: 0.5em;
170
- font-size: $type-size-5;
171
- }
172
-
173
- .archive__item-excerpt {
174
- display: none;
175
-
176
- @include breakpoint($medium) {
177
- display: block;
178
- font-size: $type-size-6;
179
- }
180
- }
181
-
182
- .archive__item-teaser {
183
-
184
- @include breakpoint($small) {
185
- max-height: 200px;
186
- }
187
-
188
- @include breakpoint($medium) {
189
- max-height: 120px;
190
- }
191
- }
192
- }
193
-
194
-
195
- /*
196
- Features
197
- ========================================================================== */
198
-
199
- .feature__wrapper {
200
- @include clearfix();
201
- margin-bottom: 2em;
202
- border-bottom: 1px solid $border-color;
203
- }
204
-
205
- .feature__item {
206
- margin-bottom: 2em;
207
- font-size: 1.25rem;
208
-
209
- @include breakpoint($small) {
210
- float: left;
211
- margin-bottom: 0;
212
- width: span(4 of 12);
213
-
214
- &:nth-child(3n+1) {
215
- clear: both;
216
- margin-left: 0;
217
- }
218
-
219
- &:nth-child(3n+2) {
220
- clear: none;
221
- margin-left: gutter(of 12);
222
- }
223
-
224
- &:nth-child(3n+3) {
225
- clear: none;
226
- margin-left: gutter(of 12);
227
- }
228
-
229
- .feature__item-teaser {
230
- max-height: 200px;
231
- overflow: hidden;
232
- }
233
- }
234
-
235
- &--left {
236
- float: left;
237
- margin-left: 0;
238
- margin-right: 0;
239
- width: 100%;
240
- clear: both;
241
- font-size: 1.25rem;
242
-
243
- .archive__item-teaser {
244
- margin-bottom: 2em;
245
- }
246
-
247
- @include breakpoint($small) {
248
-
249
- .archive__item-teaser {
250
- float: left;
251
- width: span(5 of 12);
252
- }
253
-
254
- .archive__item-body {
255
- float: right;
256
- padding-left: gutter(0.5 of 12);
257
- padding-right: gutter(1 of 12);
258
- width: span(7 of 12);
259
- }
260
- }
261
- }
262
-
263
- &--right {
264
- float: left;
265
- margin-left: 0;
266
- margin-right: 0;
267
- width: 100%;
268
- clear: both;
269
- font-size: 1.25rem;
270
-
271
- .archive__item-teaser {
272
- margin-bottom: 2em;
273
- }
274
-
275
- @include breakpoint($small) {
276
- text-align: right;
277
-
278
- .archive__item-teaser {
279
- float: right;
280
- width: span(5 of 12);
281
- }
282
-
283
- .archive__item-body {
284
- float: right;
285
- width: span(7 of 12);
286
- padding-left: gutter(0.5 of 12);
287
- padding-right: gutter(1 of 12);
288
- }
289
- }
290
- }
291
-
292
- &--center {
293
- float: left;
294
- margin-left: 0;
295
- margin-right: 0;
296
- width: 100%;
297
- clear: both;
298
- font-size: 1.25rem;
299
-
300
- .archive__item-teaser {
301
- margin-bottom: 2em;
302
- }
303
-
304
- @include breakpoint($small) {
305
- text-align: center;
306
-
307
- .archive__item-teaser {
308
- margin: 0 auto;
309
- width: span(5 of 12);
310
- }
311
-
312
- .archive__item-body {
313
- margin: 0 auto;
314
- width: span(7 of 12);
315
- }
316
- }
317
- }
1
+ /* ==========================================================================
2
+ ARCHIVE
3
+ ========================================================================== */
4
+
5
+ .archive {
6
+ margin-bottom: 2em;
7
+
8
+ @include breakpoint($large) {
9
+ float: right;
10
+ width: calc(100% - #{$right-sidebar-width-narrow});
11
+ padding-right: $right-sidebar-width-narrow;
12
+ }
13
+
14
+ @include breakpoint($x-large) {
15
+ width: calc(100% - #{$right-sidebar-width});
16
+ padding-right: $right-sidebar-width;
17
+ }
18
+
19
+ a {
20
+ color: inherit;
21
+ text-decoration: none;
22
+ }
23
+ }
24
+
25
+ .archive__subtitle {
26
+ margin: 1.414em 0 0;
27
+ padding-bottom: 0.5em;
28
+ font-size: $type-size-5;
29
+ color: $muted-text-color;
30
+ border-bottom: 1px solid $border-color;
31
+
32
+ + .list__item .archive__item-title {
33
+ margin-top: 0.5em;
34
+ }
35
+ }
36
+
37
+ .archive__item-title {
38
+ margin-bottom: 0.25em;
39
+ font-family: $sans-serif-narrow;
40
+ overflow: hidden;
41
+ text-overflow: ellipsis;
42
+
43
+ a + a {
44
+ opacity: 0.5;
45
+ }
46
+ }
47
+
48
+ /* remove border*/
49
+ .page__content {
50
+
51
+ .archive__item-title {
52
+ margin-top: 1em;
53
+ border-bottom: none;
54
+ }
55
+ }
56
+
57
+ .archive__item-excerpt {
58
+ margin-top: 0;
59
+ font-size: $type-size-6;
60
+
61
+ & + p {
62
+ text-indent: 0;
63
+ }
64
+ }
65
+
66
+ .archive__item-teaser {
67
+ border-radius: $border-radius;
68
+ overflow: hidden;
69
+ img {
70
+ width: 100%;
71
+ }
72
+ }
73
+
74
+ .archive__item:hover {
75
+
76
+ .archive__item-teaser {
77
+ box-shadow: 0 0 10px rgba(#000, 0.25);
78
+ }
79
+
80
+ .archive__item-title {
81
+ text-decoration: underline;
82
+ }
83
+ }
84
+
85
+
86
+ /*
87
+ List view
88
+ ========================================================================== */
89
+
90
+ .list__item {
91
+
92
+ .page__meta {
93
+ margin: 0 0 4px;
94
+ }
95
+ }
96
+
97
+
98
+ /*
99
+ Grid view
100
+ ========================================================================== */
101
+
102
+ .archive {
103
+
104
+ .grid__wrapper {
105
+ /* extend grid elements to the right */
106
+
107
+ @include breakpoint($large) {
108
+ margin-right: -1 * $right-sidebar-width-narrow;
109
+ }
110
+
111
+ @include breakpoint($x-large) {
112
+ margin-right: -1 * $right-sidebar-width;
113
+ }
114
+ }
115
+ }
116
+
117
+ .grid__item {
118
+ margin-bottom: 2em;
119
+
120
+ @include breakpoint($small) {
121
+ float: left;
122
+ width: span(5 of 10);
123
+
124
+ &:nth-child(2n+1) {
125
+ clear: both;
126
+ margin-left: 0;
127
+ }
128
+
129
+ &:nth-child(2n+2) {
130
+ clear: none;
131
+ margin-left: gutter(of 10);
132
+ }
133
+ }
134
+
135
+ @include breakpoint($medium) {
136
+ margin-left: 0; /* override margin*/
137
+ margin-right: 0; /* override margin*/
138
+ width: span(3 of 12);
139
+
140
+ &:nth-child(2n+1) {
141
+ clear: none;
142
+ }
143
+
144
+ &:nth-child(4n+1) {
145
+ clear: both;
146
+ }
147
+
148
+ &:nth-child(4n+2) {
149
+ clear: none;
150
+ margin-left: gutter(1 of 12);
151
+ }
152
+
153
+ &:nth-child(4n+3) {
154
+ clear: none;
155
+ margin-left: gutter(1 of 12);
156
+ }
157
+
158
+ &:nth-child(4n+4) {
159
+ clear: none;
160
+ margin-left: gutter(1 of 12);
161
+ }
162
+ }
163
+
164
+ .page__meta {
165
+ margin: 0 0 4px;
166
+ }
167
+
168
+ .archive__item-title {
169
+ margin-top: 0.5em;
170
+ font-size: $type-size-5;
171
+ }
172
+
173
+ .archive__item-excerpt {
174
+ display: none;
175
+
176
+ @include breakpoint($medium) {
177
+ display: block;
178
+ font-size: $type-size-6;
179
+ }
180
+ }
181
+
182
+ .archive__item-teaser {
183
+
184
+ @include breakpoint($small) {
185
+ max-height: 200px;
186
+ }
187
+
188
+ @include breakpoint($medium) {
189
+ max-height: 120px;
190
+ }
191
+ }
192
+ }
193
+
194
+
195
+ /*
196
+ Features
197
+ ========================================================================== */
198
+
199
+ .feature__wrapper {
200
+ @include clearfix();
201
+ margin-bottom: 2em;
202
+ border-bottom: 1px solid $border-color;
203
+ }
204
+
205
+ .feature__item {
206
+ margin-bottom: 2em;
207
+ font-size: 1.25rem;
208
+
209
+ @include breakpoint($small) {
210
+ float: left;
211
+ margin-bottom: 0;
212
+ width: span(4 of 12);
213
+
214
+ &:nth-child(3n+1) {
215
+ clear: both;
216
+ margin-left: 0;
217
+ }
218
+
219
+ &:nth-child(3n+2) {
220
+ clear: none;
221
+ margin-left: gutter(of 12);
222
+ }
223
+
224
+ &:nth-child(3n+3) {
225
+ clear: none;
226
+ margin-left: gutter(of 12);
227
+ }
228
+
229
+ .feature__item-teaser {
230
+ max-height: 200px;
231
+ overflow: hidden;
232
+ }
233
+ }
234
+
235
+ &--left {
236
+ float: left;
237
+ margin-left: 0;
238
+ margin-right: 0;
239
+ width: 100%;
240
+ clear: both;
241
+ font-size: 1.25rem;
242
+
243
+ .archive__item-teaser {
244
+ margin-bottom: 2em;
245
+ }
246
+
247
+ @include breakpoint($small) {
248
+
249
+ .archive__item-teaser {
250
+ float: left;
251
+ width: span(5 of 12);
252
+ }
253
+
254
+ .archive__item-body {
255
+ float: right;
256
+ padding-left: gutter(0.5 of 12);
257
+ padding-right: gutter(1 of 12);
258
+ width: span(7 of 12);
259
+ }
260
+ }
261
+ }
262
+
263
+ &--right {
264
+ float: left;
265
+ margin-left: 0;
266
+ margin-right: 0;
267
+ width: 100%;
268
+ clear: both;
269
+ font-size: 1.25rem;
270
+
271
+ .archive__item-teaser {
272
+ margin-bottom: 2em;
273
+ }
274
+
275
+ @include breakpoint($small) {
276
+ text-align: right;
277
+
278
+ .archive__item-teaser {
279
+ float: right;
280
+ width: span(5 of 12);
281
+ }
282
+
283
+ .archive__item-body {
284
+ float: right;
285
+ width: span(7 of 12);
286
+ padding-left: gutter(0.5 of 12);
287
+ padding-right: gutter(1 of 12);
288
+ }
289
+ }
290
+ }
291
+
292
+ &--center {
293
+ float: left;
294
+ margin-left: 0;
295
+ margin-right: 0;
296
+ width: 100%;
297
+ clear: both;
298
+ font-size: 1.25rem;
299
+
300
+ .archive__item-teaser {
301
+ margin-bottom: 2em;
302
+ }
303
+
304
+ @include breakpoint($small) {
305
+ text-align: center;
306
+
307
+ .archive__item-teaser {
308
+ margin: 0 auto;
309
+ width: span(5 of 12);
310
+ }
311
+
312
+ .archive__item-body {
313
+ margin: 0 auto;
314
+ width: span(7 of 12);
315
+ }
316
+ }
317
+ }
318
318
  }