@limcpf/everything-is-a-markdown 0.5.2 → 0.5.3
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.
- package/package.json +1 -1
- package/src/runtime/app.css +49 -10
package/package.json
CHANGED
package/src/runtime/app.css
CHANGED
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
--badge-new-fg: #ffffff;
|
|
65
65
|
--mobile-toggle-bg: var(--latte-mauve);
|
|
66
66
|
--mobile-toggle-fg: #ffffff;
|
|
67
|
+
--content-heading-accent-soft: rgba(136, 57, 239, 0.32);
|
|
68
|
+
--content-heading-subtle: var(--latte-subtext1);
|
|
67
69
|
--desktop-sidebar-default: 420px;
|
|
68
70
|
--desktop-sidebar-min: 320px;
|
|
69
71
|
--desktop-viewer-min: 680px;
|
|
@@ -111,6 +113,8 @@
|
|
|
111
113
|
--badge-new-fg: var(--mocha-crust);
|
|
112
114
|
--mobile-toggle-bg: var(--mocha-mauve);
|
|
113
115
|
--mobile-toggle-fg: var(--mocha-crust);
|
|
116
|
+
--content-heading-accent-soft: rgba(203, 166, 247, 0.34);
|
|
117
|
+
--content-heading-subtle: var(--mocha-subtext0);
|
|
114
118
|
}
|
|
115
119
|
|
|
116
120
|
* {
|
|
@@ -884,20 +888,55 @@ body.mobile-toggle-left .mobile-menu-toggle {
|
|
|
884
888
|
color: var(--latte-subtext1);
|
|
885
889
|
}
|
|
886
890
|
|
|
891
|
+
.viewer-content > :first-child {
|
|
892
|
+
margin-top: 0;
|
|
893
|
+
}
|
|
894
|
+
|
|
887
895
|
.viewer-content h1,
|
|
888
896
|
.viewer-content h2,
|
|
889
897
|
.viewer-content h3,
|
|
890
898
|
.viewer-content h4 {
|
|
891
899
|
color: var(--latte-text);
|
|
892
|
-
font-weight:
|
|
893
|
-
line-height: 1.
|
|
894
|
-
|
|
895
|
-
|
|
900
|
+
font-weight: 650;
|
|
901
|
+
line-height: 1.33;
|
|
902
|
+
letter-spacing: -0.015em;
|
|
903
|
+
text-wrap: balance;
|
|
904
|
+
margin-top: 2.2rem;
|
|
905
|
+
margin-bottom: 0.95rem;
|
|
906
|
+
scroll-margin-top: 20px;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
.viewer-content h1 {
|
|
910
|
+
font-size: 2.08rem;
|
|
911
|
+
font-weight: 760;
|
|
912
|
+
letter-spacing: -0.02em;
|
|
913
|
+
margin-top: 2.8rem;
|
|
914
|
+
margin-bottom: 1.1rem;
|
|
915
|
+
padding-bottom: 0.4rem;
|
|
916
|
+
border-bottom: 1px solid var(--latte-surface0);
|
|
917
|
+
}
|
|
918
|
+
|
|
919
|
+
.viewer-content h2 {
|
|
920
|
+
font-size: 1.62rem;
|
|
921
|
+
margin-top: 2.6rem;
|
|
922
|
+
margin-bottom: 1.04rem;
|
|
923
|
+
padding: 0.1rem 0 0.18rem 0.55rem;
|
|
924
|
+
border-left: 3px solid var(--content-heading-accent-soft);
|
|
896
925
|
}
|
|
897
926
|
|
|
898
|
-
.viewer-content
|
|
899
|
-
|
|
900
|
-
|
|
927
|
+
.viewer-content h3 {
|
|
928
|
+
font-size: 1.34rem;
|
|
929
|
+
color: var(--content-heading-subtle);
|
|
930
|
+
margin-top: 2.15rem;
|
|
931
|
+
margin-bottom: 0.92rem;
|
|
932
|
+
}
|
|
933
|
+
|
|
934
|
+
.viewer-content h4 {
|
|
935
|
+
font-size: 1.14rem;
|
|
936
|
+
color: var(--content-heading-subtle);
|
|
937
|
+
margin-top: 1.85rem;
|
|
938
|
+
margin-bottom: 0.8rem;
|
|
939
|
+
}
|
|
901
940
|
|
|
902
941
|
.viewer-content p {
|
|
903
942
|
margin-bottom: 1.25rem;
|
|
@@ -1318,15 +1357,15 @@ body.mobile-toggle-left .mobile-menu-toggle {
|
|
|
1318
1357
|
}
|
|
1319
1358
|
|
|
1320
1359
|
.viewer-content h1 {
|
|
1321
|
-
font-size: 1.
|
|
1360
|
+
font-size: 1.82rem;
|
|
1322
1361
|
}
|
|
1323
1362
|
|
|
1324
1363
|
.viewer-content h2 {
|
|
1325
|
-
font-size: 1.
|
|
1364
|
+
font-size: 1.42rem;
|
|
1326
1365
|
}
|
|
1327
1366
|
|
|
1328
1367
|
.viewer-content h3 {
|
|
1329
|
-
font-size: 1.
|
|
1368
|
+
font-size: 1.22rem;
|
|
1330
1369
|
}
|
|
1331
1370
|
|
|
1332
1371
|
.viewer-content table {
|