minimal-mistakes-jekyll 4.0.7 → 4.0.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: f155ef78f5d4960adcf6c7190ea8a3767d70d484
4
- data.tar.gz: 8ef4baa4b9635809f50e284cc25a24bab5576990
3
+ metadata.gz: 595f34cc9efb63d927ba5a5d19f7b6f330b268ab
4
+ data.tar.gz: 8572e3749f647b75e65d42731c23846598fae13e
5
5
  SHA512:
6
- metadata.gz: 9f37b9ff45a43c2de6004825b7e9c0cd1f6589492c923bace3c3ccd2bf101f7752d2b5d892c9502e3994359a1fdc675deff886b51d148fd2efe78155bcf19e8b
7
- data.tar.gz: 740a878fe21494e2b816dc59b238093fb9567ef1dedec67dc352ada2bdf31d1d6de1ea2c29688d03263fcce41ff387fcb8cdd0bd7443531a52051fa33b749e0e
6
+ metadata.gz: fd6caa1a90b78f1ce704a96da20e53f315891ef25e57e6ff5ecd85aabdb44f548c2f9b7c140040a155ae58ef64a753ba455359acb2843358d37828a912181ae6
7
+ data.tar.gz: 95164b4e1a80a523991408ee4d06d06c78b689dc58b4779fa07ee7d6ecbb2fef1d45db082c552354f53993c0714431b17a2ba15972e100fd94fde563500efc27
data/CHANGELOG.md CHANGED
@@ -1,3 +1,14 @@
1
+ ## [4.0.8](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.0.8)
2
+
3
+ ### Bug Fixes
4
+
5
+ - Set default value for `words_per_minute`. [#657](https://github.com/mmistakes/minimal-mistakes/issues/657)
6
+ - Adjust sidebar navigation list CSS so it collapses at the correct width.
7
+
8
+ ### Maintenance
9
+
10
+ - Add Google AdSense banner to `/docs/_layouts/default.html` for demo site.
11
+
1
12
  ## [4.0.7](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.0.7)
2
13
 
3
14
  ### Enhancements
@@ -1,17 +1,15 @@
1
+ {% assign words_per_minute = site.words_per_minute | default: 200 %}
2
+
1
3
  {% if post.read_time %}
2
4
  {% assign words = post.content | strip_html | number_of_words %}
3
5
  {% elsif page.read_time %}
4
6
  {% assign words = page.content | strip_html | number_of_words %}
5
7
  {% endif %}
6
8
 
7
- {% if site.words_per_minute %}
8
- {% if words < 180 %}
9
- {{ site.data.ui-text[site.locale].less_than | default: "less than" }} 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
10
- {% elsif words < 360 %}
11
- 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
12
- {% else %}
13
- {{ words | divided_by:site.words_per_minute }} {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
14
- {% endif %}
9
+ {% if words < 180 %}
10
+ {{ site.data.ui-text[site.locale].less_than | default: "less than" }} 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
11
+ {% elsif words < 360 %}
12
+ 1 {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
15
13
  {% else %}
16
- {{ site.data.ui-text[site.locale].undefined_wpm | "Undefined parameter words_per_minute at _config.yml" }}
14
+ {{ words | divided_by:words_per_minute }} {{ site.data.ui-text[site.locale].minute_read | default: "minute read" }}
17
15
  {% endif %}
@@ -1,543 +1,543 @@
1
- /* ==========================================================================
2
- NAVIGATION
3
- ========================================================================== */
4
-
5
- /*
6
- Breadcrumb navigation links
7
- ========================================================================== */
8
-
9
- .breadcrumbs {
10
- @include container;
11
- @include clearfix;
12
- margin-top: 0;
13
- margin-bottom: 0;
14
- padding-left: 2em;
15
- padding-right: 2em;
16
- font-family: $sans-serif;
17
- -webkit-animation: intro 0.3s both;
18
- animation: intro 0.3s both;
19
- -webkit-animation-delay: 0.30s;
20
- animation-delay: 0.30s;
21
-
22
- @include breakpoint($large) {
23
- padding-left: 1em;
24
- padding-right: 1em;
25
- }
26
-
27
- @include breakpoint($x-large) {
28
- max-width: $x-large;
29
- }
30
-
31
- ol {
32
- padding: 0;
33
- list-style: none;
34
- font-size: $type-size-6;
35
-
36
- @include breakpoint($large) {
37
- @include span(10 of 12 last);
38
- }
39
-
40
- @include breakpoint($x-large) {
41
- @include prefix(0.5 of 12);
42
- }
43
- }
44
-
45
- li {
46
- display: inline;
47
- }
48
-
49
- .current {
50
- font-weight: bold;
51
- }
52
- }
53
-
54
-
55
- /*
56
- Post pagination navigation links
57
- ========================================================================== */
58
-
59
- .pagination {
60
- @include full();
61
- @include clearfix();
62
- margin-top: 1em;
63
- padding-top: 1em;
64
-
65
- ul {
66
- margin: 0;
67
- padding: 0;
68
- list-style-type: none;
69
- font-family: $sans-serif;
70
- }
71
-
72
- li {
73
- display: block;
74
- float: left;
75
- margin-left: -1px;
76
-
77
- a {
78
- margin-bottom: 0.25em;
79
- padding: 0.5em 1em;
80
- font-family: $sans-serif;
81
- font-size: 14px;
82
- font-weight: bold;
83
- line-height: 1.5;
84
- text-align: center;
85
- text-decoration: none;
86
- color: mix(#fff, $gray, 25%);
87
- border: 1px solid $light-gray;
88
- border-radius: 0;
89
-
90
- &:hover {
91
- color: $link-color-hover;
92
- }
93
-
94
- &.current {
95
- color: #fff;
96
- background: $primary-color;
97
- }
98
-
99
- &.disabled {
100
- color: mix(#fff, $gray, 75%);
101
- pointer-events: none;
102
- cursor: not-allowed;
103
- }
104
- }
105
-
106
- &:first-child {
107
- margin-left: 0;
108
-
109
- a {
110
- border-top-left-radius: $border-radius;
111
- border-bottom-left-radius: $border-radius;
112
- }
113
- }
114
-
115
- &:last-child {
116
- a {
117
- border-top-right-radius: $border-radius;
118
- border-bottom-right-radius: $border-radius;
119
- }
120
- }
121
- }
122
-
123
- /* next/previous buttons */
124
- &--pager {
125
- display: block;
126
- padding: 1em 2em;
127
- float: left;
128
- width: 50%;
129
- font-family: $sans-serif;
130
- font-size: $type-size-5;
131
- font-weight: bold;
132
- text-align: center;
133
- text-decoration: none;
134
- color: $link-color;
135
- border: 1px solid $light-gray;
136
- border-radius: $border-radius;
137
-
138
- &:hover {
139
- color: $link-color-hover;
140
- }
141
-
142
- &:first-child {
143
- border-top-right-radius: 0;
144
- border-bottom-right-radius: 0;
145
- }
146
-
147
- &:last-child {
148
- margin-left: -1px;
149
- border-top-left-radius: 0;
150
- border-bottom-left-radius: 0;
151
- }
152
-
153
- &.disabled {
154
- color: mix(#fff, $gray, 75%);
155
- pointer-events: none;
156
- cursor: not-allowed;
157
- }
158
- }
159
- }
160
-
161
- .page__content + .pagination,
162
- .page__meta + .pagination,
163
- .page__share + .pagination,
164
- .page__comments + .pagination {
165
- margin-top: 2em;
166
- padding-top: 2em;
167
- border-top: 1px solid $border-color;
168
- }
169
-
170
-
171
- /*
172
- Priority plus navigation
173
- ========================================================================== */
174
-
175
- .greedy-nav {
176
- position: relative;
177
- min-width: 250px;
178
- background: $background-color;
179
-
180
- a {
181
- display: block;
182
- margin: 0 1rem;
183
- padding: 0.5rem 0;
184
- color: $masthead-link-color;
185
- text-decoration: none;
186
-
187
- &:hover {
188
- color: $masthead-link-color-hover;
189
- }
190
- }
191
-
192
- button {
193
- position: absolute;
194
- height: 100%;
195
- right: 0;
196
- padding: 0 0.5rem;
197
- border: 0;
198
- outline: none;
199
- background-color: $primary-color;
200
- color: #fff;
201
- cursor: pointer;
202
- }
203
-
204
- .visible-links {
205
- display: table;
206
-
207
- li {
208
- display: table-cell;
209
- vertical-align: middle;
210
-
211
- &:first-child {
212
- font-weight: bold;
213
-
214
- a {
215
- margin-left: 0;
216
- }
217
- }
218
-
219
- &:last-child {
220
- a {
221
- margin-right: 0;
222
- }
223
- }
224
- }
225
-
226
- a {
227
- position: relative;
228
-
229
- &:before {
230
- content: "";
231
- position: absolute;
232
- left: 0;
233
- bottom: 0;
234
- height: 4px;
235
- background: mix(#fff, $primary-color, 50%);
236
- width: 100%;
237
- -webkit-transition: $global-transition;
238
- transition: $global-transition;
239
- -webkit-transform: scaleX(0) translate3d(0, 0 , 0);
240
- -ms-transform: scaleX(0) translate3d(0, 0 , 0);
241
- transform: scaleX(0) translate3d(0, 0 , 0); /* hide*/
242
- }
243
-
244
- &:hover:before {
245
- -webkit-transform: scaleX(1);
246
- -ms-transform: scaleX(1);
247
- transform: scaleX(1); /* reveal*/
248
- }
249
- }
250
- }
251
-
252
- .hidden-links {
253
- position: absolute;
254
- top: 100%;
255
- right: 0;
256
- margin-top: 15px;
257
- padding: 5px;
258
- border: 1px solid $border-color;
259
- border-radius: $border-radius;
260
- background: #fff;
261
- box-shadow: 0 0 10px rgba(#000, 0.25);
262
-
263
- a {
264
- margin: 0;
265
- padding: 10px 20px;
266
- font-size: $type-size-5;
267
-
268
- &:hover {
269
- color: $masthead-link-color-hover;
270
- background: mix(#fff, $primary-color, 75%);
271
- }
272
- }
273
-
274
- &:before {
275
- content: "";
276
- position: absolute;
277
- top: -11px;
278
- right: 10px;
279
- width: 0;
280
- border-style: solid;
281
- border-width: 0 10px 10px;
282
- border-color: $border-color transparent;
283
- display: block;
284
- z-index: 0;
285
- }
286
-
287
- &:after {
288
- content: "";
289
- position: absolute;
290
- top: -10px;
291
- right: 10px;
292
- width: 0;
293
- border-style: solid;
294
- border-width: 0 10px 10px;
295
- border-color: #fff transparent;
296
- display: block;
297
- z-index: 1;
298
- }
299
-
300
- li {
301
- display: block;
302
- border-bottom: 1px solid $border-color;
303
-
304
- &:last-child {
305
- border-bottom: none;
306
- }
307
- }
308
- }
309
- }
310
-
311
-
312
- /*
313
- Navigation list
314
- ========================================================================== */
315
-
316
- .nav__list {
317
- margin-bottom: 1.5em;
318
-
319
- input[type="checkbox"],
320
- label {
321
- display: none;
322
- }
323
-
324
- @include breakpoint(max-width $large) {
325
-
326
- label {
327
- position: relative;
328
- display: inline-block;
329
- padding: 0.5em 2.5em 0.5em 1em;
330
- color: $gray;
331
- font-size: $type-size-6;
332
- font-weight: bold;
333
- border: 1px solid $light-gray;
334
- border-radius: $border-radius;
335
- z-index: 20;
336
- -webkit-transition: 0.2s ease-out;
337
- transition: 0.2s ease-out;
338
- cursor: pointer;
339
-
340
- &:before,
341
- &:after {
342
- content: '';
343
- position: absolute;
344
- right: 1em;
345
- top: 1.25em;
346
- width: 0.75em;
347
- height: 0.125em;
348
- line-height: 1;
349
- background-color: $gray;
350
- transition: 0.2s ease-out;
351
- }
352
-
353
- &:after {
354
- transform: rotate(90deg);
355
- }
356
-
357
- &:hover {
358
- color: #fff;
359
- border-color: $gray;
360
- background-color: mix(white, #000, 20%);
361
-
362
- &:before,
363
- &:after {
364
- background-color: #fff;
365
- }
366
- }
367
- }
368
-
369
- /* selected*/
370
- input:checked + label {
371
- color: white;
372
- background-color: mix(white, #000, 20%);
373
-
374
- &:before,
375
- &:after {
376
- background-color: #fff;
377
- }
378
- }
379
-
380
- // on hover show expand
381
- label:hover:after {
382
- transform: rotate(90deg);
383
- }
384
-
385
- input:checked + label:hover:after {
386
- transform: rotate(0);
387
- }
388
-
389
- ul {
390
- margin-bottom: 1em;
391
- }
392
-
393
- a {
394
- display: block;
395
- padding: 0.25em 0;
396
-
397
- @include breakpoint($large) {
398
- padding-top: 0.125em;
399
- padding-bottom: 0.125em;
400
- }
401
-
402
- &:hover {
403
- text-decoration: underline;
404
- }
405
- }
406
- }
407
- }
408
-
409
- .nav__list .nav__items {
410
- margin: 0;
411
- font-size: 1.25rem;
412
-
413
- a {
414
- color: inherit;
415
- }
416
-
417
- .active {
418
- margin-left: -0.5em;
419
- padding-left: 0.5em;
420
- padding-right: 0.5em;
421
- color: #fff;
422
- font-weight: bold;
423
- background: $primary-color;
424
- border-radius: $border-radius;
425
-
426
- &:hover {
427
- color: #fff;
428
- }
429
- }
430
-
431
- @include breakpoint(max-width $large) {
432
- position: relative;
433
- max-height: 0;
434
- opacity: 0;
435
- overflow: hidden;
436
- z-index: 10;
437
- -webkit-transition: 0.3s ease-in-out;
438
- transition: 0.3s ease-in-out;
439
- -webkit-transform: translate(0, 10%);
440
- -ms-transform: translate(0, 10%);
441
- transform: translate(0, 10%);
442
- }
443
- }
444
-
445
- @include breakpoint(max-width $large) {
446
- .nav__list input:checked ~ .nav__items {
447
- -webkit-transition: 0.5s ease-in-out;
448
- transition: 0.5s ease-in-out;
449
- max-height: 100vh;
450
- overflow: visible;
451
- opacity: 1;
452
- margin-top: 1em;
453
- -webkit-transform: translate(0, 0);
454
- -ms-transform: translate(0, 0);
455
- transform: translate(0, 0);
456
- }
457
- }
458
-
459
- .nav__title {
460
- margin: 0;
461
- padding: 0.5rem 1rem;
462
- font-family: $sans-serif-narrow;
463
- font-size: $type-size-5;
464
- font-weight: bold;
465
- }
466
-
467
- .nav__sub-title {
468
- display: block;
469
- margin: 0.5rem 0;
470
- padding: 0.5rem 0;
471
- font-family: $sans-serif-narrow;
472
- font-size: $type-size-6;
473
- font-weight: bold;
474
- text-transform: uppercase;
475
- border-bottom: 1px solid $border-color;
476
- }
477
-
478
-
479
- /*
480
- Table of contents navigation
481
- ========================================================================== */
482
-
483
- .toc {
484
- font-family: $sans-serif-narrow;
485
- color: $gray;
486
- text-transform: uppercase;
487
- letter-spacing: 1px;
488
- background-color: #fff;
489
- border: 1px solid $border-color;
490
- border-radius: $border-radius;
491
- box-shadow: $box-shadow;
492
-
493
- .nav__title {
494
- color: #fff;
495
- font-size: $type-size-6;
496
- background: $primary-color;
497
- border-top-left-radius: $border-radius;
498
- border-top-right-radius: $border-radius;
499
- }
500
- }
501
-
502
- .toc__menu {
503
- margin: 0;
504
- padding: 0;
505
- width: 100%;
506
- list-style: none;
507
- font-size: 0.8rem;
508
-
509
- a {
510
- display: block;
511
- padding: 0.5rem 1rem;
512
- color: $gray;
513
- font-size: $type-size-7;
514
- font-weight: bold;
515
- line-height: 1.5;
516
- border-bottom: 1px solid $border-color;
517
-
518
- &:hover {
519
- color: #000;
520
- background: $lighter-gray;
521
- }
522
- }
523
-
524
- > li:last-child {
525
- a {
526
- border-bottom: none;
527
- }
528
- }
529
-
530
- li ul > li a {
531
- padding-left: 2rem;
532
- font-weight: normal;
533
- }
534
-
535
- /* hide sub sub links on small screens*/
536
- li > ul li {
537
- display: none;
538
-
539
- @include breakpoint($medium) {
540
- display: block;
541
- }
542
- }
1
+ /* ==========================================================================
2
+ NAVIGATION
3
+ ========================================================================== */
4
+
5
+ /*
6
+ Breadcrumb navigation links
7
+ ========================================================================== */
8
+
9
+ .breadcrumbs {
10
+ @include container;
11
+ @include clearfix;
12
+ margin-top: 0;
13
+ margin-bottom: 0;
14
+ padding-left: 2em;
15
+ padding-right: 2em;
16
+ font-family: $sans-serif;
17
+ -webkit-animation: intro 0.3s both;
18
+ animation: intro 0.3s both;
19
+ -webkit-animation-delay: 0.30s;
20
+ animation-delay: 0.30s;
21
+
22
+ @include breakpoint($large) {
23
+ padding-left: 1em;
24
+ padding-right: 1em;
25
+ }
26
+
27
+ @include breakpoint($x-large) {
28
+ max-width: $x-large;
29
+ }
30
+
31
+ ol {
32
+ padding: 0;
33
+ list-style: none;
34
+ font-size: $type-size-6;
35
+
36
+ @include breakpoint($large) {
37
+ @include span(10 of 12 last);
38
+ }
39
+
40
+ @include breakpoint($x-large) {
41
+ @include prefix(0.5 of 12);
42
+ }
43
+ }
44
+
45
+ li {
46
+ display: inline;
47
+ }
48
+
49
+ .current {
50
+ font-weight: bold;
51
+ }
52
+ }
53
+
54
+
55
+ /*
56
+ Post pagination navigation links
57
+ ========================================================================== */
58
+
59
+ .pagination {
60
+ @include full();
61
+ @include clearfix();
62
+ margin-top: 1em;
63
+ padding-top: 1em;
64
+
65
+ ul {
66
+ margin: 0;
67
+ padding: 0;
68
+ list-style-type: none;
69
+ font-family: $sans-serif;
70
+ }
71
+
72
+ li {
73
+ display: block;
74
+ float: left;
75
+ margin-left: -1px;
76
+
77
+ a {
78
+ margin-bottom: 0.25em;
79
+ padding: 0.5em 1em;
80
+ font-family: $sans-serif;
81
+ font-size: 14px;
82
+ font-weight: bold;
83
+ line-height: 1.5;
84
+ text-align: center;
85
+ text-decoration: none;
86
+ color: mix(#fff, $gray, 25%);
87
+ border: 1px solid $light-gray;
88
+ border-radius: 0;
89
+
90
+ &:hover {
91
+ color: $link-color-hover;
92
+ }
93
+
94
+ &.current {
95
+ color: #fff;
96
+ background: $primary-color;
97
+ }
98
+
99
+ &.disabled {
100
+ color: mix(#fff, $gray, 75%);
101
+ pointer-events: none;
102
+ cursor: not-allowed;
103
+ }
104
+ }
105
+
106
+ &:first-child {
107
+ margin-left: 0;
108
+
109
+ a {
110
+ border-top-left-radius: $border-radius;
111
+ border-bottom-left-radius: $border-radius;
112
+ }
113
+ }
114
+
115
+ &:last-child {
116
+ a {
117
+ border-top-right-radius: $border-radius;
118
+ border-bottom-right-radius: $border-radius;
119
+ }
120
+ }
121
+ }
122
+
123
+ /* next/previous buttons */
124
+ &--pager {
125
+ display: block;
126
+ padding: 1em 2em;
127
+ float: left;
128
+ width: 50%;
129
+ font-family: $sans-serif;
130
+ font-size: $type-size-5;
131
+ font-weight: bold;
132
+ text-align: center;
133
+ text-decoration: none;
134
+ color: $link-color;
135
+ border: 1px solid $light-gray;
136
+ border-radius: $border-radius;
137
+
138
+ &:hover {
139
+ color: $link-color-hover;
140
+ }
141
+
142
+ &:first-child {
143
+ border-top-right-radius: 0;
144
+ border-bottom-right-radius: 0;
145
+ }
146
+
147
+ &:last-child {
148
+ margin-left: -1px;
149
+ border-top-left-radius: 0;
150
+ border-bottom-left-radius: 0;
151
+ }
152
+
153
+ &.disabled {
154
+ color: mix(#fff, $gray, 75%);
155
+ pointer-events: none;
156
+ cursor: not-allowed;
157
+ }
158
+ }
159
+ }
160
+
161
+ .page__content + .pagination,
162
+ .page__meta + .pagination,
163
+ .page__share + .pagination,
164
+ .page__comments + .pagination {
165
+ margin-top: 2em;
166
+ padding-top: 2em;
167
+ border-top: 1px solid $border-color;
168
+ }
169
+
170
+
171
+ /*
172
+ Priority plus navigation
173
+ ========================================================================== */
174
+
175
+ .greedy-nav {
176
+ position: relative;
177
+ min-width: 250px;
178
+ background: $background-color;
179
+
180
+ a {
181
+ display: block;
182
+ margin: 0 1rem;
183
+ padding: 0.5rem 0;
184
+ color: $masthead-link-color;
185
+ text-decoration: none;
186
+
187
+ &:hover {
188
+ color: $masthead-link-color-hover;
189
+ }
190
+ }
191
+
192
+ button {
193
+ position: absolute;
194
+ height: 100%;
195
+ right: 0;
196
+ padding: 0 0.5rem;
197
+ border: 0;
198
+ outline: none;
199
+ background-color: $primary-color;
200
+ color: #fff;
201
+ cursor: pointer;
202
+ }
203
+
204
+ .visible-links {
205
+ display: table;
206
+
207
+ li {
208
+ display: table-cell;
209
+ vertical-align: middle;
210
+
211
+ &:first-child {
212
+ font-weight: bold;
213
+
214
+ a {
215
+ margin-left: 0;
216
+ }
217
+ }
218
+
219
+ &:last-child {
220
+ a {
221
+ margin-right: 0;
222
+ }
223
+ }
224
+ }
225
+
226
+ a {
227
+ position: relative;
228
+
229
+ &:before {
230
+ content: "";
231
+ position: absolute;
232
+ left: 0;
233
+ bottom: 0;
234
+ height: 4px;
235
+ background: mix(#fff, $primary-color, 50%);
236
+ width: 100%;
237
+ -webkit-transition: $global-transition;
238
+ transition: $global-transition;
239
+ -webkit-transform: scaleX(0) translate3d(0, 0 , 0);
240
+ -ms-transform: scaleX(0) translate3d(0, 0 , 0);
241
+ transform: scaleX(0) translate3d(0, 0 , 0); /* hide*/
242
+ }
243
+
244
+ &:hover:before {
245
+ -webkit-transform: scaleX(1);
246
+ -ms-transform: scaleX(1);
247
+ transform: scaleX(1); /* reveal*/
248
+ }
249
+ }
250
+ }
251
+
252
+ .hidden-links {
253
+ position: absolute;
254
+ top: 100%;
255
+ right: 0;
256
+ margin-top: 15px;
257
+ padding: 5px;
258
+ border: 1px solid $border-color;
259
+ border-radius: $border-radius;
260
+ background: #fff;
261
+ box-shadow: 0 0 10px rgba(#000, 0.25);
262
+
263
+ a {
264
+ margin: 0;
265
+ padding: 10px 20px;
266
+ font-size: $type-size-5;
267
+
268
+ &:hover {
269
+ color: $masthead-link-color-hover;
270
+ background: mix(#fff, $primary-color, 75%);
271
+ }
272
+ }
273
+
274
+ &:before {
275
+ content: "";
276
+ position: absolute;
277
+ top: -11px;
278
+ right: 10px;
279
+ width: 0;
280
+ border-style: solid;
281
+ border-width: 0 10px 10px;
282
+ border-color: $border-color transparent;
283
+ display: block;
284
+ z-index: 0;
285
+ }
286
+
287
+ &:after {
288
+ content: "";
289
+ position: absolute;
290
+ top: -10px;
291
+ right: 10px;
292
+ width: 0;
293
+ border-style: solid;
294
+ border-width: 0 10px 10px;
295
+ border-color: #fff transparent;
296
+ display: block;
297
+ z-index: 1;
298
+ }
299
+
300
+ li {
301
+ display: block;
302
+ border-bottom: 1px solid $border-color;
303
+
304
+ &:last-child {
305
+ border-bottom: none;
306
+ }
307
+ }
308
+ }
309
+ }
310
+
311
+
312
+ /*
313
+ Navigation list
314
+ ========================================================================== */
315
+
316
+ .nav__list {
317
+ margin-bottom: 1.5em;
318
+
319
+ input[type="checkbox"],
320
+ label {
321
+ display: none;
322
+ }
323
+
324
+ @include breakpoint(max-width ($large - 1px)) {
325
+
326
+ label {
327
+ position: relative;
328
+ display: inline-block;
329
+ padding: 0.5em 2.5em 0.5em 1em;
330
+ color: $gray;
331
+ font-size: $type-size-6;
332
+ font-weight: bold;
333
+ border: 1px solid $light-gray;
334
+ border-radius: $border-radius;
335
+ z-index: 20;
336
+ -webkit-transition: 0.2s ease-out;
337
+ transition: 0.2s ease-out;
338
+ cursor: pointer;
339
+
340
+ &:before,
341
+ &:after {
342
+ content: '';
343
+ position: absolute;
344
+ right: 1em;
345
+ top: 1.25em;
346
+ width: 0.75em;
347
+ height: 0.125em;
348
+ line-height: 1;
349
+ background-color: $gray;
350
+ transition: 0.2s ease-out;
351
+ }
352
+
353
+ &:after {
354
+ transform: rotate(90deg);
355
+ }
356
+
357
+ &:hover {
358
+ color: #fff;
359
+ border-color: $gray;
360
+ background-color: mix(white, #000, 20%);
361
+
362
+ &:before,
363
+ &:after {
364
+ background-color: #fff;
365
+ }
366
+ }
367
+ }
368
+
369
+ /* selected*/
370
+ input:checked + label {
371
+ color: white;
372
+ background-color: mix(white, #000, 20%);
373
+
374
+ &:before,
375
+ &:after {
376
+ background-color: #fff;
377
+ }
378
+ }
379
+
380
+ // on hover show expand
381
+ label:hover:after {
382
+ transform: rotate(90deg);
383
+ }
384
+
385
+ input:checked + label:hover:after {
386
+ transform: rotate(0);
387
+ }
388
+
389
+ ul {
390
+ margin-bottom: 1em;
391
+ }
392
+
393
+ a {
394
+ display: block;
395
+ padding: 0.25em 0;
396
+
397
+ @include breakpoint($large) {
398
+ padding-top: 0.125em;
399
+ padding-bottom: 0.125em;
400
+ }
401
+
402
+ &:hover {
403
+ text-decoration: underline;
404
+ }
405
+ }
406
+ }
407
+ }
408
+
409
+ .nav__list .nav__items {
410
+ margin: 0;
411
+ font-size: 1.25rem;
412
+
413
+ a {
414
+ color: inherit;
415
+ }
416
+
417
+ .active {
418
+ margin-left: -0.5em;
419
+ padding-left: 0.5em;
420
+ padding-right: 0.5em;
421
+ color: #fff;
422
+ font-weight: bold;
423
+ background: $primary-color;
424
+ border-radius: $border-radius;
425
+
426
+ &:hover {
427
+ color: #fff;
428
+ }
429
+ }
430
+
431
+ @include breakpoint(max-width ($large - 1px)) {
432
+ position: relative;
433
+ max-height: 0;
434
+ opacity: 0;
435
+ overflow: hidden;
436
+ z-index: 10;
437
+ -webkit-transition: 0.3s ease-in-out;
438
+ transition: 0.3s ease-in-out;
439
+ -webkit-transform: translate(0, 10%);
440
+ -ms-transform: translate(0, 10%);
441
+ transform: translate(0, 10%);
442
+ }
443
+ }
444
+
445
+ @include breakpoint(max-width ($large - 1px)) {
446
+ .nav__list input:checked ~ .nav__items {
447
+ -webkit-transition: 0.5s ease-in-out;
448
+ transition: 0.5s ease-in-out;
449
+ max-height: 100vh;
450
+ overflow: visible;
451
+ opacity: 1;
452
+ margin-top: 1em;
453
+ -webkit-transform: translate(0, 0);
454
+ -ms-transform: translate(0, 0);
455
+ transform: translate(0, 0);
456
+ }
457
+ }
458
+
459
+ .nav__title {
460
+ margin: 0;
461
+ padding: 0.5rem 1rem;
462
+ font-family: $sans-serif-narrow;
463
+ font-size: $type-size-5;
464
+ font-weight: bold;
465
+ }
466
+
467
+ .nav__sub-title {
468
+ display: block;
469
+ margin: 0.5rem 0;
470
+ padding: 0.5rem 0;
471
+ font-family: $sans-serif-narrow;
472
+ font-size: $type-size-6;
473
+ font-weight: bold;
474
+ text-transform: uppercase;
475
+ border-bottom: 1px solid $border-color;
476
+ }
477
+
478
+
479
+ /*
480
+ Table of contents navigation
481
+ ========================================================================== */
482
+
483
+ .toc {
484
+ font-family: $sans-serif-narrow;
485
+ color: $gray;
486
+ text-transform: uppercase;
487
+ letter-spacing: 1px;
488
+ background-color: #fff;
489
+ border: 1px solid $border-color;
490
+ border-radius: $border-radius;
491
+ box-shadow: $box-shadow;
492
+
493
+ .nav__title {
494
+ color: #fff;
495
+ font-size: $type-size-6;
496
+ background: $primary-color;
497
+ border-top-left-radius: $border-radius;
498
+ border-top-right-radius: $border-radius;
499
+ }
500
+ }
501
+
502
+ .toc__menu {
503
+ margin: 0;
504
+ padding: 0;
505
+ width: 100%;
506
+ list-style: none;
507
+ font-size: 0.8rem;
508
+
509
+ a {
510
+ display: block;
511
+ padding: 0.5rem 1rem;
512
+ color: $gray;
513
+ font-size: $type-size-7;
514
+ font-weight: bold;
515
+ line-height: 1.5;
516
+ border-bottom: 1px solid $border-color;
517
+
518
+ &:hover {
519
+ color: #000;
520
+ background: $lighter-gray;
521
+ }
522
+ }
523
+
524
+ > li:last-child {
525
+ a {
526
+ border-bottom: none;
527
+ }
528
+ }
529
+
530
+ li ul > li a {
531
+ padding-left: 2rem;
532
+ font-weight: normal;
533
+ }
534
+
535
+ /* hide sub sub links on small screens*/
536
+ li > ul li {
537
+ display: none;
538
+
539
+ @include breakpoint($medium) {
540
+ display: block;
541
+ }
542
+ }
543
543
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minimal-mistakes-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.0.7
4
+ version: 4.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Michael Rose
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-11-17 00:00:00.000000000 Z
11
+ date: 2016-11-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll