jekyll-theme-miniplex 0.7.1 → 0.9.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/README.md +2 -2
- data/_sass/jekyll-theme-miniplex.sass +141 -46
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6f5a73a787e8b97cf242dd009f97a17b728e4f9136693ce6e94c93f478adbabb
|
|
4
|
+
data.tar.gz: 0ae15b9c5728088ef7615a0a1232dd58b71be37b54996b4b0e22918c29f1c7a4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9e0d1fd23e27fd6e7abdca6e46efc4accb8eb1bbc619d4b9af79ec893f6fcb3cfec27213f8e1a32f85162e7b43914e5df45f1e7145869f7184154d797d633e74
|
|
7
|
+
data.tar.gz: 7a0a12886700601930b00360859533d7239f9e2e3fde7420cb1281aee9b3ce75ca33d4ee7adc0de0eb8741f626a0905f3d145c10a6878339953886bf7116dba5
|
data/README.md
CHANGED
|
@@ -63,8 +63,6 @@ miniplex:
|
|
|
63
63
|
|
|
64
64
|
## ToDos & Missing Features
|
|
65
65
|
|
|
66
|
-
- [ ] Print CSS
|
|
67
|
-
- [ ] Dark mode
|
|
68
66
|
- [ ] In-page navigation
|
|
69
67
|
- [ ] Footer
|
|
70
68
|
- [ ] Maximizable tables
|
|
@@ -76,6 +74,8 @@ miniplex:
|
|
|
76
74
|
|
|
77
75
|
Most recent at the top.
|
|
78
76
|
|
|
77
|
+
- [X] Dark mode
|
|
78
|
+
- [X] Print CSS
|
|
79
79
|
- [X] Mobile nav bugfixing
|
|
80
80
|
- [X] Post author & date flexibility
|
|
81
81
|
- [X] Add a post's date to the page layout, or to a separate post layout
|
|
@@ -73,6 +73,10 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
|
|
|
73
73
|
@media screen and (min-width: $medium_table_breakpoint)
|
|
74
74
|
@content
|
|
75
75
|
|
|
76
|
+
@mixin print_mode
|
|
77
|
+
@media print
|
|
78
|
+
@content
|
|
79
|
+
|
|
76
80
|
// Creates a CSS property with separate values depending on the mode/breakpoint.
|
|
77
81
|
// Modes "xs", "s", "m" and "l" are available as keyword arguments. Examples:
|
|
78
82
|
//
|
|
@@ -124,17 +128,6 @@ $large_breakpoint: $medium_breakpoint + $large_minimum_left_navigation_width + 2
|
|
|
124
128
|
@mixin linear_responsive_property($property, $viewport_min, $property_min, $viewport_max, $property_max)
|
|
125
129
|
#{$property}: clamp(#{$property_min}, #{$property_min} + #{"calc(("} 100vw - #{$viewport_min} #{")"} * #{math.div($property_max - $property_min, $viewport_max - $viewport_min)} #{")"}, #{$property_max})
|
|
126
130
|
|
|
127
|
-
// Colors
|
|
128
|
-
$primary_foreground_color: #444444
|
|
129
|
-
$heading_foreground_color: #333333
|
|
130
|
-
$interactive_color: #777777
|
|
131
|
-
$interactive_background_color: #eeeeee
|
|
132
|
-
$accent_color_1: #777777
|
|
133
|
-
$outer_background_color: #ffffff
|
|
134
|
-
$content_background_color: #ffffff
|
|
135
|
-
$group_color_level_1: #eeeeee
|
|
136
|
-
$group_color_level_2: #dddddd
|
|
137
|
-
|
|
138
131
|
// Fonts
|
|
139
132
|
@font-face
|
|
140
133
|
font-family: IBMPlexSans
|
|
@@ -198,26 +191,32 @@ $group_color_level_2: #dddddd
|
|
|
198
191
|
|
|
199
192
|
@mixin default_font
|
|
200
193
|
font-family: IBMPlexSans
|
|
201
|
-
|
|
194
|
+
color: var(--primary_foreground_color)
|
|
202
195
|
font-weight: normal
|
|
196
|
+
|
|
197
|
+
@include responsive_property(font-size, $xs: 0.875 * $unit, $s: 1 * $unit, $m: 1.125 * $unit, $otherwise: 1.125 * $unit)
|
|
198
|
+
@include print_mode
|
|
199
|
+
font-size: 0.875 * $unit
|
|
200
|
+
|
|
203
201
|
@include responsive_property(line-height, $xs: $extrasmall_line_height, $s: $small_line_height, $m: $medium_line_height, $otherwise: $medium_line_height)
|
|
204
|
-
|
|
202
|
+
@include print_mode
|
|
203
|
+
line-height: $extrasmall_line_height
|
|
205
204
|
|
|
206
205
|
@mixin title_font
|
|
207
206
|
font-family: IBMPlexMono
|
|
208
|
-
color:
|
|
207
|
+
color: var(--heading_foreground_color)
|
|
209
208
|
text-decoration: underline
|
|
210
209
|
font-weight: bold
|
|
211
210
|
|
|
212
211
|
@mixin heading_font
|
|
213
212
|
font-family: IBMPlexSans
|
|
214
|
-
color:
|
|
213
|
+
color: var(--heading_foreground_color)
|
|
215
214
|
font-weight: bold
|
|
216
215
|
|
|
217
216
|
@mixin quote_font
|
|
218
217
|
font-family: IBMPlexSerif
|
|
219
218
|
font-style: italic
|
|
220
|
-
color:
|
|
219
|
+
color: var(--accent_color_1)
|
|
221
220
|
|
|
222
221
|
// Accessibility
|
|
223
222
|
.visually-hidden
|
|
@@ -229,16 +228,41 @@ $group_color_level_2: #dddddd
|
|
|
229
228
|
overflow: hidden
|
|
230
229
|
|
|
231
230
|
&:focus
|
|
232
|
-
color:
|
|
231
|
+
color: var(--primary_foreground_color)
|
|
233
232
|
display: inline-block
|
|
234
233
|
height: auto
|
|
235
234
|
width: auto
|
|
236
235
|
position: static
|
|
237
236
|
margin: auto
|
|
238
237
|
|
|
238
|
+
:root
|
|
239
|
+
// Colors for light mode
|
|
240
|
+
--primary_foreground_color: #444444
|
|
241
|
+
--heading_foreground_color: #333333
|
|
242
|
+
--interactive_color: #777777
|
|
243
|
+
--interactive_background_color: #eeeeee
|
|
244
|
+
--accent_color_1: #777777
|
|
245
|
+
--outer_background_color: #ffffff
|
|
246
|
+
--content_background_color: #ffffff
|
|
247
|
+
--group_color_level_1: #eeeeee
|
|
248
|
+
--group_color_level_2: #dddddd
|
|
249
|
+
|
|
250
|
+
|
|
251
|
+
:root
|
|
252
|
+
@media (prefers-color-scheme: dark)
|
|
253
|
+
--primary_foreground_color: #ffffff
|
|
254
|
+
--heading_foreground_color: #eeeeee
|
|
255
|
+
--interactive_color: #eeeeee
|
|
256
|
+
--interactive_background_color: #777777
|
|
257
|
+
--accent_color_1: #dddddd
|
|
258
|
+
--outer_background_color: #333333
|
|
259
|
+
--content_background_color: #333333
|
|
260
|
+
--group_color_level_1: #555555
|
|
261
|
+
--group_color_level_2: #777777
|
|
262
|
+
|
|
239
263
|
body
|
|
240
264
|
@include default_font
|
|
241
|
-
background:
|
|
265
|
+
background: var(--outer_background_color)
|
|
242
266
|
width: 100%
|
|
243
267
|
height: 100%
|
|
244
268
|
min-height: 100%
|
|
@@ -258,7 +282,7 @@ body
|
|
|
258
282
|
height: 100vh
|
|
259
283
|
|
|
260
284
|
main#content
|
|
261
|
-
background:
|
|
285
|
+
background: var(--content_background_color)
|
|
262
286
|
|
|
263
287
|
@include extrasmall_mode
|
|
264
288
|
padding: $extrasmall_padding
|
|
@@ -286,74 +310,119 @@ body
|
|
|
286
310
|
margin-top: $medium_maximum_horizontal_margin
|
|
287
311
|
margin-bottom: $medium_maximum_horizontal_margin
|
|
288
312
|
|
|
313
|
+
@include print_mode
|
|
314
|
+
width: 15cm
|
|
315
|
+
margin-top: 0cm
|
|
316
|
+
margin-left: auto
|
|
317
|
+
margin-right: auto
|
|
318
|
+
|
|
289
319
|
p
|
|
290
320
|
@include default_font
|
|
291
321
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise:1 * $unit)
|
|
322
|
+
@include print_mode
|
|
323
|
+
margin-bottom: 0.625 * $unit
|
|
324
|
+
|
|
292
325
|
|
|
293
326
|
strong, b
|
|
294
327
|
font-weight: bold
|
|
295
|
-
color:
|
|
328
|
+
color: var(--heading_foreground_color)
|
|
296
329
|
|
|
297
|
-
|
|
298
330
|
em, i
|
|
299
331
|
font-style: italic
|
|
300
332
|
|
|
301
333
|
small
|
|
302
334
|
@include responsive_property(font-size, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
|
|
303
|
-
|
|
335
|
+
@include print_mode
|
|
336
|
+
font-size: 0.625 * $unit
|
|
337
|
+
color: var(--accent_color_1)
|
|
304
338
|
|
|
305
339
|
a
|
|
306
|
-
color:
|
|
307
|
-
background-color:
|
|
340
|
+
color: var(--interactive_color)
|
|
341
|
+
background-color: var(--interactive_background_color)
|
|
308
342
|
text-decoration: none
|
|
309
343
|
padding-left: math.div($unit, 4)
|
|
310
344
|
padding-right: math.div($unit, 4)
|
|
345
|
+
|
|
346
|
+
@include print_mode
|
|
347
|
+
text-decoration: underline
|
|
348
|
+
word-wrap: break-word
|
|
349
|
+
&:after
|
|
350
|
+
content: " (" attr(href) ")"
|
|
311
351
|
|
|
312
352
|
h1
|
|
313
353
|
@include title_font
|
|
314
354
|
@include responsive_property(font-size, $xs: 1.75 * $unit, $s: 2 * $unit, $m: 2.25 * $unit, $otherwise:2.25 * $unit)
|
|
315
355
|
@include responsive_property(margin-bottom, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
|
|
356
|
+
@include print_mode
|
|
357
|
+
font-size: 1.75 * $unit
|
|
358
|
+
margin-bottom: 1.5 * $unit
|
|
359
|
+
|
|
316
360
|
|
|
317
361
|
h2
|
|
318
362
|
@include heading_font
|
|
319
|
-
color:
|
|
363
|
+
color: var(--heading_foreground_color)
|
|
320
364
|
@include responsive_property(font-size, $xs: 1.25 * $unit, $s: 1.5 * $unit, $m: 1.75 * $unit, $otherwise: 1.75 * $unit)
|
|
321
365
|
@include responsive_property(margin-top, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
|
|
322
366
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
367
|
+
@include print_mode
|
|
368
|
+
font-size: 1.25 * $unit
|
|
369
|
+
margin-top: 1.5 * $unit
|
|
370
|
+
margin-bottom: 0.75 * $unit
|
|
371
|
+
page-break-after: avoid
|
|
323
372
|
|
|
324
373
|
h3
|
|
325
374
|
@include heading_font
|
|
326
|
-
color:
|
|
375
|
+
color: var(--heading_foreground_color)
|
|
327
376
|
|
|
328
377
|
@include responsive_property(font-size, $xs: 1.125 * $unit, $s: 1.25 * $unit, $m: 1.5 * $unit, $otherwise: 1.5 * $unit)
|
|
329
378
|
@include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
330
379
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
380
|
+
@include print_mode
|
|
381
|
+
font-size: 1.125 * $unit
|
|
382
|
+
margin-top: 0.75 * $unit
|
|
383
|
+
margin-bottom: 0.75 * $unit
|
|
384
|
+
page-break-after: avoid
|
|
331
385
|
|
|
332
386
|
h4
|
|
333
387
|
@include heading_font
|
|
334
|
-
color:
|
|
388
|
+
color: var(--heading_foreground_color)
|
|
335
389
|
@include responsive_property(font-size, $xs: 1 * $unit, $s: 1.125 * $unit, $m: 1.25 * $unit, $otherwise: 1.25 * $unit)
|
|
336
390
|
@include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
337
391
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
392
|
+
@include print_mode
|
|
393
|
+
font-size: 1 * $unit
|
|
394
|
+
margin-top: 0.75 * $unit
|
|
395
|
+
margin-bottom: 0.75 * $unit
|
|
396
|
+
page-break-after: avoid
|
|
338
397
|
|
|
339
398
|
h5
|
|
340
399
|
@include heading_font
|
|
341
|
-
color:
|
|
400
|
+
color: var(--heading_foreground_color)
|
|
342
401
|
@include responsive_property(font-size, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
343
402
|
@include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
344
403
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
404
|
+
@include print_mode
|
|
405
|
+
font-size: 0.75 * $unit
|
|
406
|
+
margin-top: 0.75 * $unit
|
|
407
|
+
margin-bottom: 0.75 * $unit
|
|
408
|
+
page-break-after: avoid
|
|
345
409
|
|
|
346
410
|
h6
|
|
347
411
|
@include heading_font
|
|
348
|
-
color:
|
|
412
|
+
color: var(--primary_foreground_color)
|
|
349
413
|
@include responsive_property(font-size, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
|
|
350
414
|
@include responsive_property(margin-top, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
|
|
351
415
|
@include responsive_property(margin-bottom, $xs: 0.625 * $unit, $s: 0.75 * $unit, $m: 0.875 * $unit, $otherwise: 0.875 * $unit)
|
|
416
|
+
@include print_mode
|
|
417
|
+
font-size: 0.625 * $unit
|
|
418
|
+
margin-top: 0.625 * $unit
|
|
419
|
+
margin-bottom: 0.625 * $unit
|
|
420
|
+
page-break-after: avoid
|
|
352
421
|
|
|
353
422
|
hr
|
|
354
423
|
border: 0
|
|
355
|
-
border-top: 1px solid
|
|
356
|
-
border-bottom: 1px solid
|
|
424
|
+
border-top: 1px solid var(--accent_color_1)
|
|
425
|
+
border-bottom: 1px solid var(--accent_color_1)
|
|
357
426
|
|
|
358
427
|
// Ordered lists
|
|
359
428
|
ol
|
|
@@ -368,7 +437,7 @@ body
|
|
|
368
437
|
ol li::before
|
|
369
438
|
display: inline-block
|
|
370
439
|
width: 1 * $unit
|
|
371
|
-
color:
|
|
440
|
+
color: var(--accent_color_1)
|
|
372
441
|
content: counter(ol-counter) "."
|
|
373
442
|
@include responsive_property(margin-right, $xs: 0.25 * $unit, $s: 0.25 * $unit, $otherwise: 0)
|
|
374
443
|
|
|
@@ -388,7 +457,7 @@ body
|
|
|
388
457
|
ul li::before
|
|
389
458
|
display: inline-block
|
|
390
459
|
width: 1 * $unit
|
|
391
|
-
color:
|
|
460
|
+
color: var(--accent_color_1)
|
|
392
461
|
content: '–'
|
|
393
462
|
@include responsive_property(margin-right, $xs: 0.25 * $unit, $s: 0.25 * $unit, $otherwise: 0)
|
|
394
463
|
|
|
@@ -399,7 +468,9 @@ body
|
|
|
399
468
|
|
|
400
469
|
// List items
|
|
401
470
|
li
|
|
402
|
-
margin-bottom:
|
|
471
|
+
@include responsive_property(margin-bottom, $xs: 0.25 * $unit, $s: 0.25 * $unit, $m: 0.5 * $unit, $otherwise: 0.5 * $unit)
|
|
472
|
+
@include print_mode
|
|
473
|
+
margin-bottom: 0.25 * $unit
|
|
403
474
|
|
|
404
475
|
img
|
|
405
476
|
max-width: 100%
|
|
@@ -408,7 +479,7 @@ body
|
|
|
408
479
|
@include quote_font
|
|
409
480
|
@include responsive_property(margin-top, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
410
481
|
@include responsive_property(margin-bottom, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
411
|
-
background-color:
|
|
482
|
+
background-color: var(--group_color_level_1)
|
|
412
483
|
padding: $unit
|
|
413
484
|
|
|
414
485
|
p
|
|
@@ -417,7 +488,7 @@ body
|
|
|
417
488
|
table
|
|
418
489
|
@include responsive_property(margin-bottom, $xs: 1.5 * $unit, $s: 1.75 * $unit, $m: 2 * $unit, $otherwise: 2 * $unit)
|
|
419
490
|
@include responsive_property(font-size, $xs: 0.75 * $unit, $s: 0.875 * $unit, $m: 1 * $unit, $otherwise: 1 * $unit)
|
|
420
|
-
background-color:
|
|
491
|
+
background-color: var(--group_color_level_1)
|
|
421
492
|
|
|
422
493
|
@include extrasmall_table_mode
|
|
423
494
|
width: 100%
|
|
@@ -487,7 +558,7 @@ body
|
|
|
487
558
|
|
|
488
559
|
tbody
|
|
489
560
|
tr:nth-child(odd)
|
|
490
|
-
background-color:
|
|
561
|
+
background-color: var(--group_color_level_2)
|
|
491
562
|
|
|
492
563
|
@include medium_table_mode
|
|
493
564
|
margin-left: auto
|
|
@@ -497,16 +568,33 @@ body
|
|
|
497
568
|
th
|
|
498
569
|
font-weight: bold
|
|
499
570
|
text-align: left
|
|
500
|
-
background-color:
|
|
571
|
+
background-color: var(--group_color_level_2)
|
|
501
572
|
@include responsive_property(padding, $xs: math.div($unit, 8), $s: math.div($unit, 4), $m: math.div($unit, 2), $otherwise: math.div($unit, 2))
|
|
502
573
|
|
|
503
574
|
tbody
|
|
504
575
|
td
|
|
505
576
|
@include responsive_property(padding, $xs: math.div($unit, 8), $s: math.div($unit, 4), $m: math.div($unit, 2), $otherwise: math.div($unit, 2))
|
|
577
|
+
|
|
578
|
+
@include print_mode
|
|
579
|
+
margin-bottom: 2 * $unit
|
|
580
|
+
font-size: 0.875 * $unit
|
|
581
|
+
margin-left: auto
|
|
582
|
+
margin-right: auto
|
|
583
|
+
|
|
584
|
+
thead
|
|
585
|
+
th
|
|
586
|
+
font-weight: bold
|
|
587
|
+
text-align: left
|
|
588
|
+
background-color: var(--group_color_level_2)
|
|
589
|
+
padding: math.div($unit, 2)
|
|
590
|
+
|
|
591
|
+
tbody
|
|
592
|
+
td
|
|
593
|
+
padding: math.div($unit, 2)
|
|
506
594
|
|
|
507
595
|
// Desktop Navigation
|
|
508
596
|
nav#navigation-desktop
|
|
509
|
-
background-color:
|
|
597
|
+
background-color: var(--content-background-color)
|
|
510
598
|
|
|
511
599
|
// Display only in large mode
|
|
512
600
|
@include large_mode
|
|
@@ -518,6 +606,10 @@ body
|
|
|
518
606
|
// Hide if below large mode
|
|
519
607
|
@include below_large_mode
|
|
520
608
|
display: none
|
|
609
|
+
|
|
610
|
+
// Hide when printing
|
|
611
|
+
@include print_mode
|
|
612
|
+
display: none
|
|
521
613
|
|
|
522
614
|
// Left Navigation styles
|
|
523
615
|
@include linear_responsive_property("padding-left", $large_breakpoint, $unit, $large_breakpoint + 8 * $unit, 8 * $unit)
|
|
@@ -530,7 +622,7 @@ body
|
|
|
530
622
|
font-size: 1.25 * $unit
|
|
531
623
|
|
|
532
624
|
a
|
|
533
|
-
color:
|
|
625
|
+
color: var(--heading_foreground_color)
|
|
534
626
|
text-decoration: none
|
|
535
627
|
|
|
536
628
|
a.active
|
|
@@ -560,7 +652,7 @@ body
|
|
|
560
652
|
|
|
561
653
|
#navigation-items
|
|
562
654
|
grid-row: navigation-items / span 1
|
|
563
|
-
background-color:
|
|
655
|
+
background-color: var(--content_background_color)
|
|
564
656
|
overflow-y: scroll
|
|
565
657
|
@include responsive_property(padding-top, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
566
658
|
@include responsive_property(padding-left, $m: $unit, $otherwise: math.div($unit, 2))
|
|
@@ -574,7 +666,7 @@ body
|
|
|
574
666
|
font-size: 1.25 * $unit
|
|
575
667
|
|
|
576
668
|
a
|
|
577
|
-
color:
|
|
669
|
+
color: var(--heading_foreground_color)
|
|
578
670
|
text-decoration: none
|
|
579
671
|
|
|
580
672
|
a.active
|
|
@@ -589,7 +681,7 @@ body
|
|
|
589
681
|
|
|
590
682
|
#navigation-controls
|
|
591
683
|
grid-row: navigation-controls / span 1
|
|
592
|
-
background-color:
|
|
684
|
+
background-color: var(--content_background_color)
|
|
593
685
|
display: flex
|
|
594
686
|
flex-direction: row
|
|
595
687
|
align-items: center
|
|
@@ -603,7 +695,7 @@ body
|
|
|
603
695
|
@include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
604
696
|
|
|
605
697
|
a
|
|
606
|
-
color:
|
|
698
|
+
color: var(--heading_foreground_color)
|
|
607
699
|
@include responsive_property(padding-top, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
608
700
|
@include responsive_property(padding-bottom, $m: math.div($unit, 2), $otherwise: math.div($unit, 4))
|
|
609
701
|
|
|
@@ -636,6 +728,9 @@ body
|
|
|
636
728
|
nav#navigation-mobile
|
|
637
729
|
position: sticky
|
|
638
730
|
|
|
731
|
+
@include print_mode
|
|
732
|
+
display: none
|
|
733
|
+
|
|
639
734
|
// Mobile Navigation, closed state
|
|
640
735
|
nav#navigation-mobile[data-state="closed"]
|
|
641
736
|
#transparent-nav-close-area
|
|
@@ -645,7 +740,7 @@ body
|
|
|
645
740
|
display: none
|
|
646
741
|
|
|
647
742
|
#navigation-controls
|
|
648
|
-
box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(
|
|
743
|
+
box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--heading_foreground_color), 0.4)
|
|
649
744
|
|
|
650
745
|
button#mobile-navigation-toggle
|
|
651
746
|
--icon-url: url("/assets/images/menu-outline@2x.png")
|
|
@@ -657,7 +752,7 @@ body
|
|
|
657
752
|
|
|
658
753
|
#navigation-items
|
|
659
754
|
display: block
|
|
660
|
-
box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(
|
|
755
|
+
box-shadow: 0 math.div($unit, 2) math.div($unit, 1) rgba(var(--heading_foreground_color), 0.4)
|
|
661
756
|
|
|
662
757
|
#navigation-controls
|
|
663
758
|
button#mobile-navigation-toggle
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-miniplex
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.9.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Timo Würsch
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-02-
|
|
11
|
+
date: 2023-02-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|