minimal-mistakes-jekyll 4.10.0 → 4.10.1

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