Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update prose styling

Browse Source
This commit is contained in:
Sat Naing
2022-09-26 02:28:54 +06:30
parent 25bc1e06cf
commit 5ebee52ccd
1 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/base.css
+20 -6
View File
@@ -4,16 +4,16 @@
@layer base { @layer base {
:root { :root {
--color-text-base: 40, 39, 40;
--color-fill: 251, 254, 251; --color-fill: 251, 254, 251;
--color-text-base: 40, 39, 40;
--color-accent: 0, 108, 172; --color-accent: 0, 108, 172;
--color-card: 230, 230, 230; --color-card: 230, 230, 230;
--color-card-muted: 205, 205, 205; --color-card-muted: 205, 205, 205;
--color-border: 236, 233, 233; --color-border: 236, 233, 233;
} }
.theme-dark { .theme-dark {
--color-text-base: 230, 230, 230;
--color-fill: 47, 55, 65; --color-fill: 47, 55, 65;
--color-text-base: 230, 230, 230;
--color-accent: 26, 217, 217; --color-accent: 26, 217, 217;
--color-card: 63, 75, 90; --color-card: 63, 75, 90;
--color-card-muted: 89, 107, 129; --color-card-muted: 89, 107, 129;
@@ -52,19 +52,33 @@
prose-img:mx-auto prose-img:border-2 prose-img:border-skin-line prose-img:mx-auto prose-img:border-2 prose-img:border-skin-line
prose-headings:!mb-3 prose-headings:!mb-3
prose-th:border prose-th:border-skin-line prose-th:border prose-th:border-skin-line
prose-td:border prose-td:border-skin-line; prose-td:border prose-td:border-skin-line
prose-p:!text-skin-base prose-headings:!text-skin-base
prose-ol:!text-skin-base prose-ul:!text-skin-base prose-blockquote:opacity-80
prose-figcaption:!text-skin-base prose-figcaption:opacity-70
prose-code:bg-skin-card prose-code:bg-opacity-75
prose-code:!text-skin-base prose-code:p-1 prose-code:rounded
prose-code:after:!content-[''] prose-code:before:!content-['']
prose-strong:!text-skin-base prose-table:text-skin-base
prose-pre:!text-skin-base prose-a:!text-skin-base
prose-hr:!border-skin-line;
}
#article a {
@apply hover:!text-skin-accent;
} }
.prose thead th:first-child, .prose thead th:first-child,
tbody td:first-child, tbody td:first-child,
tfoot td:first-child { tfoot td:first-child {
padding-left: 0.5714286em; padding-left: 0.5714286em;
} }
.theme-dark .prose {
@apply prose-invert;
}
#article h2#table-of-contents { #article h2#table-of-contents {
@apply mb-2; @apply mb-2;
} }
#article details {
@apply text-skin-base;
}
#article h2#table-of-contents + p { #article h2#table-of-contents + p {
@apply hidden; @apply hidden;
} }