web/layout: update long text heading styling & add table styling

This commit is contained in:
wukko 2024-11-05 00:43:03 +06:00
parent c09347f18b
commit cecdbda7e4
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -464,7 +464,7 @@
:global(.long-text-noto),
:global(.long-text-noto *:not(h1, h2, h3, h4, h5, h6)) {
line-height: 1.7;
line-height: 1.8;
font-size: 14.5px;
font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
user-select: text;
@ -478,15 +478,46 @@
:global(.long-text-noto ul) {
padding-inline-start: 30px;
margin-block-start: 9px;
}
:global(.long-text-noto li) {
padding-left: 3px;
}
:global(.long-text-noto h1),
:global(.long-text-noto h2),
:global(.long-text-noto h3) {
user-select: text;
-webkit-user-select: text;
letter-spacing: 0;
margin-block-start: 1rem;
}
:global(.long-text-noto h3) {
font-size: 17px;
margin-block-end: -0.5rem;
}
:global(.long-text-noto h2) {
font-size: 19px;
line-height: 1.3;
margin-block-end: -0.3rem;
}
:global(table),
:global(td),
:global(th) {
border-spacing: 0;
border-style: solid;
border-width: 1px;
border-collapse: collapse;
text-align: center;
padding: 3px 8px;
}
:global(tr td:first-child),
:global(tr th:first-child) {
text-align: right;
}
:global(.long-text-noto.about section p:first-of-type) {