jekyll-theme-superb 0.1.1 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +27 -8
- data/_layouts/post.html +1 -1
- data/_sass/theme.scss +2 -0
- data/assets/css/style.css +147 -141
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 40c4eec3d224570384b058705f1b0ecc6410b3196a89e83de7bcf21d44ffc0af
|
4
|
+
data.tar.gz: 5fcdfe6c8d4a2f1715c83c8ee07c37fd50eddd5b6587fe7586b75d809651d66a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5c385b06343e019a43b4de454f1d85759a901f507c662812951c400290c28f2e2fadaa37249c11da459e9ad56d96a608dbac18df97d8bebefbd3f098a69efdaa
|
7
|
+
data.tar.gz: bba773f18608c4ac9549268a8b5225eb4aaff1ae0d0ab0ad2a0f6e4a62064502d3e3c6e59ce53fc3ccdd2939b27eb4a3b1ddfbea7fcf761293fc07d4a64df935
|
data/README.md
CHANGED
@@ -5,6 +5,7 @@ This is a simple Jekyll theme that uses [tailwindCSS's-based ui-kit](https://git
|
|
5
5
|
![screenshot of the theme](./screenshot.png)
|
6
6
|
|
7
7
|
_\* Article titles were copied from [dev.to](dev.to)'s homepage at the time of designing of this template._
|
8
|
+
|
8
9
|
## Installation
|
9
10
|
|
10
11
|
Add this line to your Jekyll site's `Gemfile`:
|
@@ -33,7 +34,9 @@ Theme has a `post` layout used for displaying a single post, an `index` layout u
|
|
33
34
|
|
34
35
|
## Configuration
|
35
36
|
|
36
|
-
|
37
|
+
Additional to other config options already present in jekyll itself, this theme also has:
|
38
|
+
|
39
|
+
- **subtitle**: Shown next to the name of the blog (top left corner, visible desktop only)
|
37
40
|
|
38
41
|
## Contributing
|
39
42
|
|
@@ -41,19 +44,35 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/simply
|
|
41
44
|
|
42
45
|
## Development
|
43
46
|
|
44
|
-
To set up your environment to develop this theme, run `bundle install`.
|
47
|
+
To set up your environment to develop this theme, run `bundle install` and `npm install`.
|
45
48
|
|
46
|
-
|
49
|
+
To run `postcss` for the tailwind part:
|
47
50
|
|
48
|
-
|
51
|
+
```
|
52
|
+
npm run css:dev
|
53
|
+
```
|
49
54
|
|
50
|
-
|
51
|
-
|
55
|
+
To run jekyll and its processor:
|
56
|
+
|
57
|
+
```
|
58
|
+
npm run jekyll:dev
|
59
|
+
```
|
52
60
|
|
61
|
+
> Note: You might checkout [`concurrently`](https://www.npmjs.com/package/concurrently), if you want to run both commands... wait for it... *concurrently*.
|
53
62
|
|
63
|
+
## Releasing
|
54
64
|
|
55
|
-
|
56
|
-
|
65
|
+
First, make sure the theme runs smoothly (or at all) locally.
|
66
|
+
|
67
|
+
Then create the 💎
|
68
|
+
```
|
69
|
+
gem build jekyll-theme-superb.gemspec
|
70
|
+
```
|
71
|
+
|
72
|
+
Lastly, publish it to the ☁️
|
73
|
+
```
|
74
|
+
gem push jekyll-theme-superb-*.gem
|
75
|
+
```
|
57
76
|
|
58
77
|
## License
|
59
78
|
|
data/_layouts/post.html
CHANGED
data/_sass/theme.scss
CHANGED
data/assets/css/style.css
CHANGED
@@ -1,6 +1,10 @@
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');
|
2
|
+
|
1
3
|
/*
|
2
4
|
! tailwindcss v3.0.9 | MIT License | https://tailwindcss.com
|
3
|
-
|
5
|
+
*/
|
6
|
+
|
7
|
+
/*
|
4
8
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
5
9
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
6
10
|
*/
|
@@ -340,6 +344,7 @@ button,
|
|
340
344
|
/*
|
341
345
|
Make sure disabled buttons don't get the pointer cursor.
|
342
346
|
*/
|
347
|
+
|
343
348
|
:disabled {
|
344
349
|
cursor: default;
|
345
350
|
}
|
@@ -379,87 +384,88 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
379
384
|
[hidden] {
|
380
385
|
display: none;
|
381
386
|
}
|
382
|
-
|
387
|
+
|
388
|
+
*, ::before, ::after{
|
383
389
|
border-color: currentColor;
|
384
390
|
}
|
385
|
-
.container
|
391
|
+
.container{
|
386
392
|
width: 100%;
|
387
393
|
}
|
388
|
-
@media (min-width: 960px)
|
394
|
+
@media (min-width: 960px){
|
389
395
|
|
390
|
-
.container
|
396
|
+
.container{
|
391
397
|
max-width: 960px;
|
392
398
|
}
|
393
399
|
}
|
394
|
-
.prose
|
400
|
+
.prose{
|
395
401
|
color: var(--tw-prose-body);
|
396
402
|
max-width: 65ch;
|
397
403
|
}
|
398
|
-
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *))
|
404
|
+
.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
|
399
405
|
color: var(--tw-prose-lead);
|
400
406
|
font-size: 1.25em;
|
401
407
|
line-height: 1.6;
|
402
408
|
margin-top: 1.2em;
|
403
409
|
margin-bottom: 1.2em;
|
404
410
|
}
|
405
|
-
.prose :where(a):not(:where([class~="not-prose"] *))
|
411
|
+
.prose :where(a):not(:where([class~="not-prose"] *)){
|
406
412
|
color: var(--tw-prose-links);
|
407
413
|
text-decoration: underline;
|
408
414
|
font-weight: 500;
|
409
415
|
}
|
410
|
-
.prose :where(strong):not(:where([class~="not-prose"] *))
|
416
|
+
.prose :where(strong):not(:where([class~="not-prose"] *)){
|
411
417
|
color: var(--tw-prose-bold);
|
412
418
|
font-weight: 600;
|
413
419
|
}
|
414
|
-
.prose :where(ol):not(:where([class~="not-prose"] *))
|
420
|
+
.prose :where(ol):not(:where([class~="not-prose"] *)){
|
415
421
|
list-style-type: decimal;
|
416
422
|
padding-left: 1.625em;
|
417
423
|
}
|
418
|
-
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *))
|
424
|
+
.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
|
419
425
|
list-style-type: upper-alpha;
|
420
426
|
}
|
421
|
-
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *))
|
427
|
+
.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
|
422
428
|
list-style-type: lower-alpha;
|
423
429
|
}
|
424
|
-
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *))
|
430
|
+
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
|
425
431
|
list-style-type: upper-alpha;
|
426
432
|
}
|
427
|
-
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *))
|
433
|
+
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
|
428
434
|
list-style-type: lower-alpha;
|
429
435
|
}
|
430
|
-
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *))
|
436
|
+
.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
|
431
437
|
list-style-type: upper-roman;
|
432
438
|
}
|
433
|
-
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *))
|
439
|
+
.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
|
434
440
|
list-style-type: lower-roman;
|
435
441
|
}
|
436
|
-
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *))
|
442
|
+
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
|
437
443
|
list-style-type: upper-roman;
|
438
444
|
}
|
439
|
-
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *))
|
445
|
+
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
|
440
446
|
list-style-type: lower-roman;
|
441
447
|
}
|
442
|
-
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *))
|
448
|
+
.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
|
443
449
|
list-style-type: decimal;
|
444
450
|
}
|
445
|
-
.prose :where(ul):not(:where([class~="not-prose"] *))
|
451
|
+
.prose :where(ul):not(:where([class~="not-prose"] *)){
|
446
452
|
list-style-type: disc;
|
447
453
|
padding-left: 1.625em;
|
448
454
|
}
|
449
|
-
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker
|
455
|
+
.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
|
450
456
|
font-weight: 400;
|
451
457
|
color: var(--tw-prose-counters);
|
452
458
|
}
|
453
|
-
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker
|
459
|
+
.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
|
454
460
|
color: var(--tw-prose-bullets);
|
455
461
|
}
|
456
|
-
.prose :where(hr):not(:where([class~="not-prose"] *))
|
462
|
+
.prose :where(hr):not(:where([class~="not-prose"] *)){
|
457
463
|
border-color: var(--tw-prose-hr);
|
458
464
|
border-top-width: 1px;
|
459
465
|
margin-top: 3em;
|
460
466
|
margin-bottom: 3em;
|
461
467
|
}
|
462
|
-
.prose :where(blockquote):not(:where([class~="not-prose"] *))
|
468
|
+
.prose :where(blockquote):not(:where([class~="not-prose"] *)){
|
463
469
|
font-weight: 500;
|
464
470
|
font-style: italic;
|
465
471
|
color: var(--tw-prose-quotes);
|
@@ -470,13 +476,13 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
470
476
|
margin-bottom: 1.6em;
|
471
477
|
padding-left: 1em;
|
472
478
|
}
|
473
|
-
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before
|
479
|
+
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
|
474
480
|
content: open-quote;
|
475
481
|
}
|
476
|
-
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after
|
482
|
+
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
|
477
483
|
content: close-quote;
|
478
484
|
}
|
479
|
-
.prose :where(h1):not(:where([class~="not-prose"] *))
|
485
|
+
.prose :where(h1):not(:where([class~="not-prose"] *)){
|
480
486
|
color: var(--tw-prose-headings);
|
481
487
|
font-weight: 800;
|
482
488
|
font-size: 2.25em;
|
@@ -484,10 +490,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
484
490
|
margin-bottom: 0.8888889em;
|
485
491
|
line-height: 1.1111111;
|
486
492
|
}
|
487
|
-
.prose :where(h1 strong):not(:where([class~="not-prose"] *))
|
493
|
+
.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
|
488
494
|
font-weight: 900;
|
489
495
|
}
|
490
|
-
.prose :where(h2):not(:where([class~="not-prose"] *))
|
496
|
+
.prose :where(h2):not(:where([class~="not-prose"] *)){
|
491
497
|
color: var(--tw-prose-headings);
|
492
498
|
font-weight: 700;
|
493
499
|
font-size: 1.5em;
|
@@ -495,10 +501,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
495
501
|
margin-bottom: 1em;
|
496
502
|
line-height: 1.3333333;
|
497
503
|
}
|
498
|
-
.prose :where(h2 strong):not(:where([class~="not-prose"] *))
|
504
|
+
.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
|
499
505
|
font-weight: 800;
|
500
506
|
}
|
501
|
-
.prose :where(h3):not(:where([class~="not-prose"] *))
|
507
|
+
.prose :where(h3):not(:where([class~="not-prose"] *)){
|
502
508
|
color: var(--tw-prose-headings);
|
503
509
|
font-weight: 600;
|
504
510
|
font-size: 1.25em;
|
@@ -506,44 +512,44 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
506
512
|
margin-bottom: 0.6em;
|
507
513
|
line-height: 1.6;
|
508
514
|
}
|
509
|
-
.prose :where(h3 strong):not(:where([class~="not-prose"] *))
|
515
|
+
.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
|
510
516
|
font-weight: 700;
|
511
517
|
}
|
512
|
-
.prose :where(h4):not(:where([class~="not-prose"] *))
|
518
|
+
.prose :where(h4):not(:where([class~="not-prose"] *)){
|
513
519
|
color: var(--tw-prose-headings);
|
514
520
|
font-weight: 600;
|
515
521
|
margin-top: 1.5em;
|
516
522
|
margin-bottom: 0.5em;
|
517
523
|
line-height: 1.5;
|
518
524
|
}
|
519
|
-
.prose :where(h4 strong):not(:where([class~="not-prose"] *))
|
525
|
+
.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
|
520
526
|
font-weight: 700;
|
521
527
|
}
|
522
|
-
.prose :where(figure > *):not(:where([class~="not-prose"] *))
|
528
|
+
.prose :where(figure > *):not(:where([class~="not-prose"] *)){
|
523
529
|
margin-top: 0;
|
524
530
|
margin-bottom: 0;
|
525
531
|
}
|
526
|
-
.prose :where(figcaption):not(:where([class~="not-prose"] *))
|
532
|
+
.prose :where(figcaption):not(:where([class~="not-prose"] *)){
|
527
533
|
color: var(--tw-prose-captions);
|
528
534
|
font-size: 0.875em;
|
529
535
|
line-height: 1.4285714;
|
530
536
|
margin-top: 0.8571429em;
|
531
537
|
}
|
532
|
-
.prose :where(code):not(:where([class~="not-prose"] *))
|
538
|
+
.prose :where(code):not(:where([class~="not-prose"] *)){
|
533
539
|
color: var(--tw-prose-code);
|
534
540
|
font-weight: 600;
|
535
541
|
font-size: 0.875em;
|
536
542
|
}
|
537
|
-
.prose :where(code):not(:where([class~="not-prose"] *))::before
|
543
|
+
.prose :where(code):not(:where([class~="not-prose"] *))::before{
|
538
544
|
content: "`";
|
539
545
|
}
|
540
|
-
.prose :where(code):not(:where([class~="not-prose"] *))::after
|
546
|
+
.prose :where(code):not(:where([class~="not-prose"] *))::after{
|
541
547
|
content: "`";
|
542
548
|
}
|
543
|
-
.prose :where(a code):not(:where([class~="not-prose"] *))
|
549
|
+
.prose :where(a code):not(:where([class~="not-prose"] *)){
|
544
550
|
color: var(--tw-prose-links);
|
545
551
|
}
|
546
|
-
.prose :where(pre):not(:where([class~="not-prose"] *))
|
552
|
+
.prose :where(pre):not(:where([class~="not-prose"] *)){
|
547
553
|
color: var(--tw-prose-pre-code);
|
548
554
|
background-color: var(--tw-prose-pre-bg);
|
549
555
|
overflow-x: auto;
|
@@ -558,7 +564,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
558
564
|
padding-bottom: 0.8571429em;
|
559
565
|
padding-left: 1.1428571em;
|
560
566
|
}
|
561
|
-
.prose :where(pre code):not(:where([class~="not-prose"] *))
|
567
|
+
.prose :where(pre code):not(:where([class~="not-prose"] *)){
|
562
568
|
background-color: transparent;
|
563
569
|
border-width: 0;
|
564
570
|
border-radius: 0;
|
@@ -569,13 +575,13 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
569
575
|
font-family: inherit;
|
570
576
|
line-height: inherit;
|
571
577
|
}
|
572
|
-
.prose :where(pre code):not(:where([class~="not-prose"] *))::before
|
578
|
+
.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
|
573
579
|
content: none;
|
574
580
|
}
|
575
|
-
.prose :where(pre code):not(:where([class~="not-prose"] *))::after
|
581
|
+
.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
|
576
582
|
content: none;
|
577
583
|
}
|
578
|
-
.prose :where(table):not(:where([class~="not-prose"] *))
|
584
|
+
.prose :where(table):not(:where([class~="not-prose"] *)){
|
579
585
|
width: 100%;
|
580
586
|
table-layout: auto;
|
581
587
|
text-align: left;
|
@@ -584,11 +590,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
584
590
|
font-size: 0.875em;
|
585
591
|
line-height: 1.7142857;
|
586
592
|
}
|
587
|
-
.prose :where(thead):not(:where([class~="not-prose"] *))
|
593
|
+
.prose :where(thead):not(:where([class~="not-prose"] *)){
|
588
594
|
border-bottom-width: 1px;
|
589
595
|
border-bottom-color: var(--tw-prose-th-borders);
|
590
596
|
}
|
591
|
-
.prose :where(thead th):not(:where([class~="not-prose"] *))
|
597
|
+
.prose :where(thead th):not(:where([class~="not-prose"] *)){
|
592
598
|
color: var(--tw-prose-headings);
|
593
599
|
font-weight: 600;
|
594
600
|
vertical-align: bottom;
|
@@ -596,21 +602,21 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
596
602
|
padding-bottom: 0.5714286em;
|
597
603
|
padding-left: 0.5714286em;
|
598
604
|
}
|
599
|
-
.prose :where(tbody tr):not(:where([class~="not-prose"] *))
|
605
|
+
.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
|
600
606
|
border-bottom-width: 1px;
|
601
607
|
border-bottom-color: var(--tw-prose-td-borders);
|
602
608
|
}
|
603
|
-
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *))
|
609
|
+
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
|
604
610
|
border-bottom-width: 0;
|
605
611
|
}
|
606
|
-
.prose :where(tbody td):not(:where([class~="not-prose"] *))
|
612
|
+
.prose :where(tbody td):not(:where([class~="not-prose"] *)){
|
607
613
|
vertical-align: baseline;
|
608
614
|
padding-top: 0.5714286em;
|
609
615
|
padding-right: 0.5714286em;
|
610
616
|
padding-bottom: 0.5714286em;
|
611
617
|
padding-left: 0.5714286em;
|
612
618
|
}
|
613
|
-
.prose
|
619
|
+
.prose{
|
614
620
|
--tw-prose-body: #374151;
|
615
621
|
--tw-prose-headings: #111827;
|
616
622
|
--tw-prose-lead: #4b5563;
|
@@ -646,321 +652,321 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
646
652
|
font-size: 1rem;
|
647
653
|
line-height: 1.75;
|
648
654
|
}
|
649
|
-
.prose :where(p):not(:where([class~="not-prose"] *))
|
655
|
+
.prose :where(p):not(:where([class~="not-prose"] *)){
|
650
656
|
margin-top: 1.25em;
|
651
657
|
margin-bottom: 1.25em;
|
652
658
|
}
|
653
|
-
.prose :where(img):not(:where([class~="not-prose"] *))
|
659
|
+
.prose :where(img):not(:where([class~="not-prose"] *)){
|
654
660
|
margin-top: 2em;
|
655
661
|
margin-bottom: 2em;
|
656
662
|
}
|
657
|
-
.prose :where(video):not(:where([class~="not-prose"] *))
|
663
|
+
.prose :where(video):not(:where([class~="not-prose"] *)){
|
658
664
|
margin-top: 2em;
|
659
665
|
margin-bottom: 2em;
|
660
666
|
}
|
661
|
-
.prose :where(figure):not(:where([class~="not-prose"] *))
|
667
|
+
.prose :where(figure):not(:where([class~="not-prose"] *)){
|
662
668
|
margin-top: 2em;
|
663
669
|
margin-bottom: 2em;
|
664
670
|
}
|
665
|
-
.prose :where(h2 code):not(:where([class~="not-prose"] *))
|
671
|
+
.prose :where(h2 code):not(:where([class~="not-prose"] *)){
|
666
672
|
font-size: 0.875em;
|
667
673
|
}
|
668
|
-
.prose :where(h3 code):not(:where([class~="not-prose"] *))
|
674
|
+
.prose :where(h3 code):not(:where([class~="not-prose"] *)){
|
669
675
|
font-size: 0.9em;
|
670
676
|
}
|
671
|
-
.prose :where(li):not(:where([class~="not-prose"] *))
|
677
|
+
.prose :where(li):not(:where([class~="not-prose"] *)){
|
672
678
|
margin-top: 0.5em;
|
673
679
|
margin-bottom: 0.5em;
|
674
680
|
}
|
675
|
-
.prose :where(ol > li):not(:where([class~="not-prose"] *))
|
681
|
+
.prose :where(ol > li):not(:where([class~="not-prose"] *)){
|
676
682
|
padding-left: 0.375em;
|
677
683
|
}
|
678
|
-
.prose :where(ul > li):not(:where([class~="not-prose"] *))
|
684
|
+
.prose :where(ul > li):not(:where([class~="not-prose"] *)){
|
679
685
|
padding-left: 0.375em;
|
680
686
|
}
|
681
|
-
.prose > :where(ul > li p):not(:where([class~="not-prose"] *))
|
687
|
+
.prose > :where(ul > li p):not(:where([class~="not-prose"] *)){
|
682
688
|
margin-top: 0.75em;
|
683
689
|
margin-bottom: 0.75em;
|
684
690
|
}
|
685
|
-
.prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *))
|
691
|
+
.prose > :where(ul > li > *:first-child):not(:where([class~="not-prose"] *)){
|
686
692
|
margin-top: 1.25em;
|
687
693
|
}
|
688
|
-
.prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *))
|
694
|
+
.prose > :where(ul > li > *:last-child):not(:where([class~="not-prose"] *)){
|
689
695
|
margin-bottom: 1.25em;
|
690
696
|
}
|
691
|
-
.prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *))
|
697
|
+
.prose > :where(ol > li > *:first-child):not(:where([class~="not-prose"] *)){
|
692
698
|
margin-top: 1.25em;
|
693
699
|
}
|
694
|
-
.prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *))
|
700
|
+
.prose > :where(ol > li > *:last-child):not(:where([class~="not-prose"] *)){
|
695
701
|
margin-bottom: 1.25em;
|
696
702
|
}
|
697
|
-
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *))
|
703
|
+
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
|
698
704
|
margin-top: 0.75em;
|
699
705
|
margin-bottom: 0.75em;
|
700
706
|
}
|
701
|
-
.prose :where(hr + *):not(:where([class~="not-prose"] *))
|
707
|
+
.prose :where(hr + *):not(:where([class~="not-prose"] *)){
|
702
708
|
margin-top: 0;
|
703
709
|
}
|
704
|
-
.prose :where(h2 + *):not(:where([class~="not-prose"] *))
|
710
|
+
.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
|
705
711
|
margin-top: 0;
|
706
712
|
}
|
707
|
-
.prose :where(h3 + *):not(:where([class~="not-prose"] *))
|
713
|
+
.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
|
708
714
|
margin-top: 0;
|
709
715
|
}
|
710
|
-
.prose :where(h4 + *):not(:where([class~="not-prose"] *))
|
716
|
+
.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
|
711
717
|
margin-top: 0;
|
712
718
|
}
|
713
|
-
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *))
|
719
|
+
.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
|
714
720
|
padding-left: 0;
|
715
721
|
}
|
716
|
-
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *))
|
722
|
+
.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
|
717
723
|
padding-right: 0;
|
718
724
|
}
|
719
|
-
.prose :where(tbody td:first-child):not(:where([class~="not-prose"] *))
|
725
|
+
.prose :where(tbody td:first-child):not(:where([class~="not-prose"] *)){
|
720
726
|
padding-left: 0;
|
721
727
|
}
|
722
|
-
.prose :where(tbody td:last-child):not(:where([class~="not-prose"] *))
|
728
|
+
.prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)){
|
723
729
|
padding-right: 0;
|
724
730
|
}
|
725
|
-
.prose > :where(:first-child):not(:where([class~="not-prose"] *))
|
731
|
+
.prose > :where(:first-child):not(:where([class~="not-prose"] *)){
|
726
732
|
margin-top: 0;
|
727
733
|
}
|
728
|
-
.prose > :where(:last-child):not(:where([class~="not-prose"] *))
|
734
|
+
.prose > :where(:last-child):not(:where([class~="not-prose"] *)){
|
729
735
|
margin-bottom: 0;
|
730
736
|
}
|
731
|
-
.
|
737
|
+
.visible{
|
738
|
+
visibility: visible;
|
739
|
+
}
|
740
|
+
.mx-auto{
|
732
741
|
margin-left: auto;
|
733
742
|
margin-right: auto;
|
734
743
|
}
|
735
|
-
.my-2
|
744
|
+
.my-2{
|
736
745
|
margin-top: 0.5rem;
|
737
746
|
margin-bottom: 0.5rem;
|
738
747
|
}
|
739
|
-
.mx-4
|
748
|
+
.mx-4{
|
740
749
|
margin-left: 1rem;
|
741
750
|
margin-right: 1rem;
|
742
751
|
}
|
743
|
-
.ml-4
|
752
|
+
.ml-4{
|
744
753
|
margin-left: 1rem;
|
745
754
|
}
|
746
|
-
.mb-5
|
755
|
+
.mb-5{
|
747
756
|
margin-bottom: 1.25rem;
|
748
757
|
}
|
749
|
-
.mb-10
|
758
|
+
.mb-10{
|
750
759
|
margin-bottom: 2.5rem;
|
751
760
|
}
|
752
|
-
.mb-6
|
761
|
+
.mb-6{
|
753
762
|
margin-bottom: 1.5rem;
|
754
763
|
}
|
755
|
-
.mt-0
|
764
|
+
.mt-0{
|
756
765
|
margin-top: 0px;
|
757
766
|
}
|
758
|
-
.inline-block
|
767
|
+
.inline-block{
|
759
768
|
display: inline-block;
|
760
769
|
}
|
761
|
-
.flex
|
770
|
+
.flex{
|
762
771
|
display: flex;
|
763
772
|
}
|
764
|
-
.
|
765
|
-
display: contents;
|
766
|
-
}
|
767
|
-
.hidden {
|
773
|
+
.hidden{
|
768
774
|
display: none;
|
769
775
|
}
|
770
|
-
.h-6
|
776
|
+
.h-6{
|
771
777
|
height: 1.5rem;
|
772
778
|
}
|
773
|
-
.w-6
|
779
|
+
.w-6{
|
774
780
|
width: 1.5rem;
|
775
781
|
}
|
776
|
-
.max-w-max
|
782
|
+
.max-w-max{
|
777
783
|
max-width: -webkit-max-content;
|
778
784
|
max-width: -moz-max-content;
|
779
785
|
max-width: max-content;
|
780
786
|
}
|
781
|
-
.max-w-fit
|
787
|
+
.max-w-fit{
|
782
788
|
max-width: -webkit-fit-content;
|
783
789
|
max-width: -moz-fit-content;
|
784
790
|
max-width: fit-content;
|
785
791
|
}
|
786
|
-
.items-center
|
792
|
+
.items-center{
|
787
793
|
align-items: center;
|
788
794
|
}
|
789
|
-
.justify-between
|
795
|
+
.justify-between{
|
790
796
|
justify-content: space-between;
|
791
797
|
}
|
792
|
-
.space-y-2 > :not([hidden]) ~ :not([hidden])
|
798
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]){
|
793
799
|
--tw-space-y-reverse: 0;
|
794
800
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
795
801
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
796
802
|
}
|
797
|
-
.space-x-5 > :not([hidden]) ~ :not([hidden])
|
803
|
+
.space-x-5 > :not([hidden]) ~ :not([hidden]){
|
798
804
|
--tw-space-x-reverse: 0;
|
799
805
|
margin-right: calc(1.25rem * var(--tw-space-x-reverse));
|
800
806
|
margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
|
801
807
|
}
|
802
|
-
.border-t
|
808
|
+
.border-t{
|
803
809
|
border-top-width: 1px;
|
804
810
|
}
|
805
|
-
.border-b
|
811
|
+
.border-b{
|
806
812
|
border-bottom-width: 1px;
|
807
813
|
}
|
808
|
-
.border-b-2
|
814
|
+
.border-b-2{
|
809
815
|
border-bottom-width: 2px;
|
810
816
|
}
|
811
|
-
.border-porcelain
|
817
|
+
.border-porcelain{
|
812
818
|
--tw-border-opacity: 1;
|
813
819
|
border-color: rgb(241 243 244 / var(--tw-border-opacity));
|
814
820
|
}
|
815
|
-
.border-green
|
821
|
+
.border-green{
|
816
822
|
--tw-border-opacity: 1;
|
817
823
|
border-color: rgb(152 184 139 / var(--tw-border-opacity));
|
818
824
|
}
|
819
|
-
.border-white
|
825
|
+
.border-white{
|
820
826
|
--tw-border-opacity: 1;
|
821
827
|
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
822
828
|
}
|
823
|
-
.bg-yellow
|
829
|
+
.bg-yellow{
|
824
830
|
--tw-bg-opacity: 1;
|
825
831
|
background-color: rgb(255 198 52 / var(--tw-bg-opacity));
|
826
832
|
}
|
827
|
-
.bg-white
|
833
|
+
.bg-white{
|
828
834
|
--tw-bg-opacity: 1;
|
829
835
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
830
836
|
}
|
831
|
-
.p-4
|
837
|
+
.p-4{
|
832
838
|
padding: 1rem;
|
833
839
|
}
|
834
|
-
.py-4
|
840
|
+
.py-4{
|
835
841
|
padding-top: 1rem;
|
836
842
|
padding-bottom: 1rem;
|
837
843
|
}
|
838
|
-
.py-1
|
844
|
+
.py-1{
|
839
845
|
padding-top: 0.25rem;
|
840
846
|
padding-bottom: 0.25rem;
|
841
847
|
}
|
842
|
-
.px-2
|
848
|
+
.px-2{
|
843
849
|
padding-left: 0.5rem;
|
844
850
|
padding-right: 0.5rem;
|
845
851
|
}
|
846
|
-
.px-4
|
852
|
+
.px-4{
|
847
853
|
padding-left: 1rem;
|
848
854
|
padding-right: 1rem;
|
849
855
|
}
|
850
|
-
.py-2
|
856
|
+
.py-2{
|
851
857
|
padding-top: 0.5rem;
|
852
858
|
padding-bottom: 0.5rem;
|
853
859
|
}
|
854
|
-
.py-10
|
860
|
+
.py-10{
|
855
861
|
padding-top: 2.5rem;
|
856
862
|
padding-bottom: 2.5rem;
|
857
863
|
}
|
858
|
-
.text-center
|
864
|
+
.text-center{
|
859
865
|
text-align: center;
|
860
866
|
}
|
861
|
-
.font-merriweather
|
867
|
+
.font-merriweather{
|
862
868
|
font-family: Merriweather, serif;
|
863
869
|
}
|
864
|
-
.text-caption
|
870
|
+
.text-caption{
|
865
871
|
font-size: 12px;
|
866
872
|
line-height: 16px;
|
867
873
|
}
|
868
|
-
.text-h4
|
874
|
+
.text-h4{
|
869
875
|
font-size: 34px;
|
870
876
|
line-height: 42px;
|
871
877
|
}
|
872
|
-
.text-h5
|
878
|
+
.text-h5{
|
873
879
|
font-size: 24px;
|
874
880
|
line-height: 32px;
|
875
881
|
}
|
876
|
-
.text-subtitle
|
882
|
+
.text-subtitle{
|
877
883
|
font-size: 16px;
|
878
884
|
line-height: 20px;
|
879
885
|
}
|
880
|
-
.font-bold
|
886
|
+
.font-bold{
|
881
887
|
font-weight: 700;
|
882
888
|
}
|
883
|
-
.text-green
|
889
|
+
.text-green{
|
884
890
|
--tw-text-opacity: 1;
|
885
891
|
color: rgb(152 184 139 / var(--tw-text-opacity));
|
886
892
|
}
|
887
|
-
.text-white
|
893
|
+
.text-white{
|
888
894
|
--tw-text-opacity: 1;
|
889
895
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
890
896
|
}
|
891
|
-
.text-graphite
|
897
|
+
.text-graphite{
|
892
898
|
--tw-text-opacity: 1;
|
893
899
|
color: rgb(46 46 46 / var(--tw-text-opacity));
|
894
900
|
}
|
895
|
-
.text-grey\/50
|
901
|
+
.text-grey\/50{
|
896
902
|
color: rgb(170 170 170 / 0.5);
|
897
903
|
}
|
898
|
-
.text-grey
|
904
|
+
.text-grey{
|
899
905
|
--tw-text-opacity: 1;
|
900
906
|
color: rgb(170 170 170 / var(--tw-text-opacity));
|
901
907
|
}
|
902
|
-
.underline
|
908
|
+
.underline{
|
903
909
|
-webkit-text-decoration-line: underline;
|
904
910
|
text-decoration-line: underline;
|
905
911
|
}
|
906
|
-
.outline-none
|
912
|
+
.outline-none{
|
907
913
|
outline: 2px solid transparent;
|
908
914
|
outline-offset: 2px;
|
909
915
|
}
|
910
|
-
.transition
|
916
|
+
.transition{
|
911
917
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
912
918
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
913
919
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
914
920
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
915
921
|
transition-duration: 150ms;
|
916
922
|
}
|
917
|
-
.duration-300
|
923
|
+
.duration-300{
|
918
924
|
transition-duration: 300ms;
|
919
925
|
}
|
920
|
-
.hover\:border-b-2:hover
|
926
|
+
.hover\:border-b-2:hover{
|
921
927
|
border-bottom-width: 2px;
|
922
928
|
}
|
923
|
-
.hover\:border-graphite:hover
|
929
|
+
.hover\:border-graphite:hover{
|
924
930
|
--tw-border-opacity: 1;
|
925
931
|
border-color: rgb(46 46 46 / var(--tw-border-opacity));
|
926
932
|
}
|
927
|
-
.hover\:text-green:hover
|
933
|
+
.hover\:text-green:hover{
|
928
934
|
--tw-text-opacity: 1;
|
929
935
|
color: rgb(152 184 139 / var(--tw-text-opacity));
|
930
936
|
}
|
931
|
-
@media (min-width: 960px)
|
937
|
+
@media (min-width: 960px){
|
932
938
|
|
933
|
-
.desktop\:inline
|
939
|
+
.desktop\:inline{
|
934
940
|
display: inline;
|
935
941
|
}
|
936
942
|
|
937
|
-
.desktop\:flex
|
943
|
+
.desktop\:flex{
|
938
944
|
display: flex;
|
939
945
|
}
|
940
946
|
|
941
|
-
.desktop\:hidden
|
947
|
+
.desktop\:hidden{
|
942
948
|
display: none;
|
943
949
|
}
|
944
950
|
|
945
|
-
.desktop\:justify-between
|
951
|
+
.desktop\:justify-between{
|
946
952
|
justify-content: space-between;
|
947
953
|
}
|
948
954
|
|
949
|
-
.desktop\:border-none
|
955
|
+
.desktop\:border-none{
|
950
956
|
border-style: none;
|
951
957
|
}
|
952
958
|
|
953
|
-
.desktop\:px-0
|
959
|
+
.desktop\:px-0{
|
954
960
|
padding-left: 0px;
|
955
961
|
padding-right: 0px;
|
956
962
|
}
|
957
963
|
|
958
|
-
.desktop\:py-4
|
964
|
+
.desktop\:py-4{
|
959
965
|
padding-top: 1rem;
|
960
966
|
padding-bottom: 1rem;
|
961
967
|
}
|
962
968
|
|
963
|
-
.desktop\:text-h3
|
969
|
+
.desktop\:text-h3{
|
964
970
|
font-size: 48px;
|
965
971
|
line-height: 60px;
|
966
972
|
}
|