chore: update heti style, remove infrequently used unocss rules, streamline meta tags

This commit is contained in:
radishzzz 2025-05-04 03:23:23 +01:00
parent 9ebc6aadc5
commit 67e1f6cf8e
8 changed files with 44 additions and 80 deletions

View file

@ -15,7 +15,7 @@
/* Customized Post Title */
.heti .post-title {
--at-apply: 'mb-2 text-8.6 leading-12 font-bold c-primary lg:text-9';
--at-apply: 'mb-2 text-8.6 font-bold leading-12 c-primary lg:text-9';
}
/* KaTeX Formula Overflow Fix */
@ -73,7 +73,7 @@
/* Paragraphs */
.heti :where(p) {
--at-apply: 'mt-3 mb-6 text-justify text-pretty';
--at-apply: 'mb-4 text-justify text-pretty';
}
.heti :where(p:not(:lang(zh)):not(:lang(ja)):not(:lang(ko))) {
--at-apply: 'text-start';
@ -87,24 +87,23 @@
/* Images */
.heti :where(img) {
--at-apply: 'mx-auto cursor-zoom-in force-gpu';
--at-apply: 'mx-auto rounded cursor-zoom-in';
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.heti :where(figure) {
--at-apply: 'mx-auto mt-3 mb-6';
}
.heti :where(figure:has(+ figure), figure:has(+ p > img:first-child)) {
--at-apply: 'mb-4 ';
--at-apply: 'mx-auto mb-4';
}
.heti :where(figcaption) {
--at-apply: 'text-center text-sm mt-3 text-secondary/80';
--at-apply: 'mt-2 text-center text-sm text-secondary/80';
}
/* Code Blocks */
.heti :where(pre) {
--at-apply: 'overflow-auto mt-3 mb-6 px-4 py-3 rounded bg-secondary/5! border border-solid border-secondary/5';
--at-apply: 'mb-4 px-4 py-3 overflow-auto uno-round-border bg-secondary/5!';
}
.heti pre :where(code) {
--at-apply: 'p-0 border-none bg-transparent whitespace-pre';
--at-apply: 'p-0 border-none bg-transparent';
}
html.dark .heti pre :where(span) {
--at-apply: 'text-[var(--shiki-dark)]!';
@ -112,7 +111,7 @@ html.dark .heti pre :where(span) {
/* Inline Code */
.heti :where(code) {
--at-apply: 'px-0.4em py-0.2em text-0.85em tracking-0 whitespace-pre-wrap rounded bg-secondary/5 border border-solid border-secondary/5';
--at-apply: 'px-0.4em py-0.2em text-0.85em tracking-0 uno-round-border bg-secondary/5';
counter-reset: line;
}
.heti :where(code:is(:lang(zh), :lang(ja), :lang(ko))) {
@ -130,7 +129,7 @@ html.dark .heti pre :where(span) {
/* Blockquotes */
.heti :where(blockquote) {
--at-apply: 'mt-3 mb-6 px-4 py-0.5 c-secondary/80 border-l-4 border-solid border-secondary/25';
--at-apply: 'mb-4 px-4 py-0.5 c-secondary/80 border-l-4 border-solid border-secondary/25';
}
.heti blockquote[class*="admonition-"] {
--at-apply: 'py-1.5 c-secondary';
@ -138,9 +137,6 @@ html.dark .heti pre :where(span) {
.heti blockquote blockquote {
--at-apply: 'py-0';
}
.heti blockquote p {
--at-apply: 'mb-3';
}
.heti blockquote > :first-child {
--at-apply: 'mt-0';
}
@ -150,7 +146,7 @@ html.dark .heti pre :where(span) {
/* Tables */
.heti :where(table) {
--at-apply: 'mt-3 mb-6 block box-border table-fixed max-w-full overflow-x-auto scrollbar-hidden';
--at-apply: 'mb-4 block box-border table-fixed max-w-full overflow-x-auto scrollbar-hidden';
}
.heti :where(table)::-webkit-scrollbar {
--at-apply: 'hidden';
@ -166,7 +162,7 @@ html.dark .heti pre :where(span) {
/* Lists */
.heti :where(ul),
.heti :where(ol) {
--at-apply: 'mt-3 mb-6 pl-2em';
--at-apply: 'mb-4 pl-2em';
}
.heti ul :where(ul),
.heti ul :where(ol),
@ -191,7 +187,7 @@ html.dark .heti pre :where(span) {
--at-apply: 'list-square';
}
.heti :where(li) {
--at-apply: 'list-unset mt-0.25em';
--at-apply: 'mt-0.25em list-unset';
}
/* Superscript and Subscript >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@ -208,7 +204,7 @@ html.dark .heti pre :where(span) {
/* Abbreviations */
.heti :where(abbr[title]) {
--at-apply: 'pb-0.25 border-b-1 border-dotted border-secondary no-underline cursor-help';
--at-apply: 'pb-0.25 no-underline border-b-1 border-dotted border-secondary cursor-help';
}
/* Wavy Underline */
@ -221,8 +217,8 @@ html.dark .heti :where(u) {
/* Keyboard Input */
.heti :where(kbd) {
--at-apply: 'inline-block px-0.4em py-0.3em text-0.85em font-bold leading-none tracking-0 whitespace-nowrap';
--at-apply: 'rounded border border-solid border-secondary/40 text-secondary';
--at-apply: 'inline-block px-0.4em py-0.3em text-0.85em font-bold leading-none tracking-0';
--at-apply: 'uno-round-border border-secondary/40 text-secondary';
}
/* Highlighted Text */
@ -250,6 +246,11 @@ html.dark .heti sup a:target {
--at-apply: 'no-underline font-serif';
}
/* Horizontal Rules */
.heti :where(hr) {
--at-apply: 'mb-4 border-t-2 border-secondary/5';
}
/* Bold */
.heti :where(b),
.heti :where(strong) {
@ -261,6 +262,11 @@ html.dark .heti sup a:target {
--at-apply: 'italic';
}
/* Cite */
.heti :where(cite:is(:lang(zh), :lang(ja), :lang(ko))) {
--at-apply: 'not-italic';
}
/* Quotes */
.heti :where(q) {
quotes: "「" "」" "『" "』";
@ -270,8 +276,3 @@ html.dark .heti sup a:target {
quotes: auto;
}
/* Horizontal Rules */
.heti :where(hr) {
--at-apply: 'mt-6 mb-3 border-t-2 border-secondary/5';
}