minimal-mistakes-jekyll 4.5.2 → 4.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +15 -2
- data/_includes/comments.html +2 -2
- data/_includes/head.html +43 -32
- data/_includes/scripts.html +12 -1
- data/_layouts/default.html +1 -1
- data/_layouts/single.html +1 -1
- data/_sass/minimal-mistakes.scss +1 -1
- data/_sass/minimal-mistakes/_archive.scss +317 -316
- data/_sass/minimal-mistakes/_base.scss +8 -7
- data/_sass/minimal-mistakes/_buttons.scss +36 -91
- data/_sass/minimal-mistakes/_footer.scss +3 -4
- data/_sass/minimal-mistakes/_forms.scss +7 -9
- data/_sass/minimal-mistakes/_mixins.scss +39 -0
- data/_sass/minimal-mistakes/_navigation.scss +426 -426
- data/_sass/minimal-mistakes/_notices.scss +1 -0
- data/_sass/minimal-mistakes/_page.scss +3 -6
- data/_sass/minimal-mistakes/_sidebar.scss +2 -2
- data/_sass/minimal-mistakes/_syntax.scss +2 -2
- data/_sass/minimal-mistakes/_tables.scss +3 -3
- data/_sass/minimal-mistakes/_utilities.scss +2 -2
- data/_sass/minimal-mistakes/_variables.scss +91 -84
- data/_sass/minimal-mistakes/skins/_air.scss +23 -0
- data/_sass/minimal-mistakes/skins/_contrast.scss +34 -0
- data/_sass/minimal-mistakes/skins/_dark.scss +24 -0
- data/_sass/minimal-mistakes/skins/_default.scss +5 -0
- data/_sass/minimal-mistakes/skins/_dirt.scss +15 -0
- data/_sass/minimal-mistakes/skins/_mint.scss +23 -0
- data/_sass/minimal-mistakes/skins/_sunrise.scss +26 -0
- data/assets/css/main.scss +2 -1
- data/assets/js/main.min.js +5 -5
- data/assets/js/plugins/jquery.magnific-popup.js +1860 -2049
- data/assets/js/plugins/jquery.smooth-scroll.min.js +9 -8
- data/assets/js/vendor/jquery/jquery-3.2.1.min.js +4 -0
- metadata +10 -3
- data/assets/js/vendor/jquery/jquery-1.12.4.min.js +0 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ecf41e80906fc8cdf872aab95dd0de5387e190d6
|
4
|
+
data.tar.gz: ee502ff006dad92cb1a02b80b5b2795eb2576c4d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0c50423b31aab85a37e97131301b627f03c2dc7d877a3278680631bd1733e14e2a7e62e1b96b7309364cfbd88376db8c492067b71488405c46e3718c39ca940f
|
7
|
+
data.tar.gz: 71c4490874d91f13f4fa9a087e8fbc6a3ee1c96feeb6a06625688371ff906f42fe355b0fadc84d855ff69ec9e5fb5ebbe8c6001a6f9e32c9b88d6cd78cfc590e
|
data/CHANGELOG.md
CHANGED
@@ -1,3 +1,16 @@
|
|
1
|
+
## [4.6.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.6.0)
|
2
|
+
|
3
|
+
### Enhancements
|
4
|
+
|
5
|
+
- Test strict Front Matter in `/test` site. [#1236](https://github.com/mmistakes/minimal-mistakes/pull/1236)
|
6
|
+
- Rename `gems` key to `plugins`. [#1239](https://github.com/mmistakes/minimal-mistakes/pull/1239)
|
7
|
+
- Add [YIQ Color Contrast](https://github.com/easy-designs/yiq-color-contrast) mixin for determining lightness of a color.
|
8
|
+
- DRY up button CSS using Sass lists and YIQ Color Contrast mixin.
|
9
|
+
- Add `btn--primary` button class. **Note:** elements that were previously using only a `.btn` class will now also need `.btn--primary` (eg. `<a class="btn btn--primary" href="#">my link</a>`).
|
10
|
+
- Add `air`, `contrast`, `dark`, `dirt`, `mint`, and `sunrise` skin color options. [#1208](https://github.com/mmistakes/minimal-mistakes/issues/1208)
|
11
|
+
- Allow scripts in `<head>` and before `</body>` to be added/overridden with `head_scripts` and `footer_scripts` arrays in `_config.yml`. [#1241](https://github.com/mmistakes/minimal-mistakes/pull/1241)
|
12
|
+
- Update JavaScript dependencies: jQuery `v3.2.1`, jQuery Smooth Scroll `v2.2.0`, and Magnific Popup `v1.1.0`. [#328690652](https://github.com/mmistakes/minimal-mistakes/pull/1241#issuecomment-328690652)
|
13
|
+
|
1
14
|
## [4.5.2](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.2)
|
2
15
|
|
3
16
|
### Enhancements
|
@@ -12,7 +25,7 @@
|
|
12
25
|
- Add note to Quick-Start Guide about GitHub Pages hosting alternatives that allow 3rd party gem themes and Jekyll plugins.
|
13
26
|
- Add note to configuration documentation about Cloudflare minification as an alternative to `layout: compress`. [#1217](https://github.com/mmistakes/minimal-mistakes/pull/1217)
|
14
27
|
- Show 4 latest posts in "You May Also Enjoy" module when `related: true` and no related posts are found due to `lsi` ([latent semantic indexing](https://en.wikipedia.org/wiki/Latent_semantic_analysis#Latent_semantic_indexing)) being disabled on GitHub Pages. [#554](https://github.com/mmistakes/minimal-mistakes/issues/554)
|
15
|
-
- Truncate archive item titles' that overflow with an ellipsis. [#1213]
|
28
|
+
- Truncate archive item titles' that overflow with an ellipsis. [#1213](https://github.com/mmistakes/minimal-mistakes/issues/1213)
|
16
29
|
|
17
30
|
### Bug Fixes
|
18
31
|
|
@@ -20,7 +33,7 @@
|
|
20
33
|
- Reduce amount of blank pages when printing in Chrome. [#1196](https://github.com/mmistakes/minimal-mistakes/issues/1196)
|
21
34
|
- Remove `#disqus_thread` duplicate from `comments-providers/disqus.html` as it is already in `comments.html` include. [#1199](https://github.com/mmistakes/minimal-mistakes/issues/1199)
|
22
35
|
- Fix Liquid syntax errors in `tag-list.html` and `category-list.html` includes by removing parenthesis in `assign`s. [#1223](https://github.com/mmistakes/minimal-mistakes/issues/1223)
|
23
|
-
- Fix Liquid syntax error: "Expected id but found open_square in `"{{page.[include.id] }}"`" in `gallery` and `feature_row` includes.
|
36
|
+
- Fix Liquid syntax error: "Expected id but found open_square in `"{{ page.[include.id] }}"`" in `gallery` and `feature_row` includes.
|
24
37
|
- Fix Liquid syntax error: "Expected end_of_string but found pipe in `"name in __names | sort"`" in `group-by-array` include.
|
25
38
|
|
26
39
|
## [4.5.1](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.1)
|
data/_includes/comments.html
CHANGED
@@ -84,7 +84,7 @@
|
|
84
84
|
</p>
|
85
85
|
<!-- End comment form alert messaging -->
|
86
86
|
<fieldset>
|
87
|
-
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
87
|
+
<button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--primary btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
|
88
88
|
</fieldset>
|
89
89
|
</form>
|
90
90
|
</div>
|
@@ -94,4 +94,4 @@
|
|
94
94
|
{% when "custom" %}
|
95
95
|
<section id="custom-comments"></section>
|
96
96
|
{% endcase %}
|
97
|
-
</div>
|
97
|
+
</div>
|
data/_includes/head.html
CHANGED
@@ -1,32 +1,43 @@
|
|
1
|
-
<meta charset="utf-8">
|
2
|
-
|
3
|
-
{% include seo.html %}
|
4
|
-
|
5
|
-
<link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
|
6
|
-
|
7
|
-
<!-- http://t.co/dKP3o1e -->
|
8
|
-
<meta name="HandheldFriendly" content="True">
|
9
|
-
<meta name="MobileOptimized" content="320">
|
10
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
11
|
-
|
12
|
-
<script>
|
13
|
-
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
|
14
|
-
</script>
|
15
|
-
|
16
|
-
<!-- For all browsers -->
|
17
|
-
<link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
|
18
|
-
|
19
|
-
<!--[if lte IE 9]>
|
20
|
-
<style>
|
21
|
-
/* old IE unsupported flexbox fixes */
|
22
|
-
.greedy-nav .site-title {
|
23
|
-
padding-right: 3em;
|
24
|
-
}
|
25
|
-
.greedy-nav button {
|
26
|
-
position: absolute;
|
27
|
-
top: 0;
|
28
|
-
right: 0;
|
29
|
-
height: 100%;
|
30
|
-
}
|
31
|
-
</style>
|
32
|
-
<![endif]-->
|
1
|
+
<meta charset="utf-8">
|
2
|
+
|
3
|
+
{% include seo.html %}
|
4
|
+
|
5
|
+
<link href="{% if site.atom_feed.path %}{{ site.atom_feed.path }}{% else %}{{ '/feed.xml' | absolute_url }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
|
6
|
+
|
7
|
+
<!-- http://t.co/dKP3o1e -->
|
8
|
+
<meta name="HandheldFriendly" content="True">
|
9
|
+
<meta name="MobileOptimized" content="320">
|
10
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
11
|
+
|
12
|
+
<script>
|
13
|
+
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
|
14
|
+
</script>
|
15
|
+
|
16
|
+
<!-- For all browsers -->
|
17
|
+
<link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
|
18
|
+
|
19
|
+
<!--[if lte IE 9]>
|
20
|
+
<style>
|
21
|
+
/* old IE unsupported flexbox fixes */
|
22
|
+
.greedy-nav .site-title {
|
23
|
+
padding-right: 3em;
|
24
|
+
}
|
25
|
+
.greedy-nav button {
|
26
|
+
position: absolute;
|
27
|
+
top: 0;
|
28
|
+
right: 0;
|
29
|
+
height: 100%;
|
30
|
+
}
|
31
|
+
</style>
|
32
|
+
<![endif]-->
|
33
|
+
|
34
|
+
{% if site.head_scripts %}
|
35
|
+
{% for script in site.head_scripts %}
|
36
|
+
{% if script contains "://" %}
|
37
|
+
{% capture script_path %}{{ script }}{% endcapture %}
|
38
|
+
{% else %}
|
39
|
+
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
40
|
+
{% endif %}
|
41
|
+
<script src="{{ script_path }}"></script>
|
42
|
+
{% endfor %}
|
43
|
+
{% endif %}
|
data/_includes/scripts.html
CHANGED
@@ -1,4 +1,15 @@
|
|
1
|
-
|
1
|
+
{% if site.footer_scripts %}
|
2
|
+
{% for script in site.footer_scripts %}
|
3
|
+
{% if script contains "://" %}
|
4
|
+
{% capture script_path %}{{ script }}{% endcapture %}
|
5
|
+
{% else %}
|
6
|
+
{% capture script_path %}{{ script | absolute_url }}{% endcapture %}
|
7
|
+
{% endif %}
|
8
|
+
<script src="{{ script_path }}"></script>
|
9
|
+
{% endfor %}
|
10
|
+
{% else %}
|
11
|
+
<script src="{{ '/assets/js/main.min.js' | absolute_url }}"></script>
|
12
|
+
{% endif %}
|
2
13
|
|
3
14
|
{% include analytics.html %}
|
4
15
|
{% include /comments-providers/scripts.html %}
|
data/_layouts/default.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
|
4
4
|
<!doctype html>
|
5
5
|
<!--
|
6
|
-
Minimal Mistakes Jekyll Theme 4.
|
6
|
+
Minimal Mistakes Jekyll Theme 4.6.0 by Michael Rose
|
7
7
|
Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
|
8
8
|
Free for personal and commercial use under the MIT license
|
9
9
|
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
|
data/_layouts/single.html
CHANGED
@@ -35,7 +35,7 @@ layout: default
|
|
35
35
|
|
36
36
|
<section class="page__content" itemprop="text">
|
37
37
|
{{ content }}
|
38
|
-
{% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
38
|
+
{% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
39
39
|
</section>
|
40
40
|
|
41
41
|
<footer class="page__meta">
|
data/_sass/minimal-mistakes.scss
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Minimal Mistakes Jekyll Theme 4.
|
2
|
+
* Minimal Mistakes Jekyll Theme 4.6.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,317 +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:
|
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
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
}
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
}
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
margin-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
}
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
margin-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
255
|
-
|
256
|
-
padding-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
margin-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
padding-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
margin-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
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
|
+
}
|
317
318
|
}
|