reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update <hr> styles, fix unexpected comments in rss feed, update theme guides

Browse source
This commit is contained in:
radishzzz 2025-05-21 18:27:14 +01:00
parent 155202adeb
commit d10d90a8ef
20 changed files with 253 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/styles/extend.css
View file

@ -1,7 +1,7 @@
/* GitHub Card */
.gc-container {
--at-apply: 'block my-6 px-5 py-4 overflow-x-auto uno-round-border bg-secondary/5';
--at-apply: 'transition-colors ease-out lg:(px-6 py-5) hover:(bg-secondary/10 c-primary)';
--at-apply: 'my-6 block overflow-x-auto uno-round-border bg-secondary/5 px-5 py-4';
--at-apply: 'transition-colors ease-out hover:(bg-secondary/10 c-primary) lg:(px-6 py-5)';
scrollbar-width: thin;
scrollbar-color: oklch(var(--un-preset-theme-colors-secondary) / 0.15) transparent;
}
@ -17,7 +17,7 @@
--at-apply: 'flex items-center gap-2.5 lg:gap-3';
}
.gc-owner-avatar {
--at-apply: 'flex-shrink-0 w-5.5 aspect-square rounded-full bg-secondary/20';
--at-apply: 'aspect-square w-5.5 flex-shrink-0 rounded-full bg-secondary/20';
}
.gc-repo-title {
--at-apply: 'flex items-center leading-normal lg:text-lg';
@ -26,12 +26,12 @@
--at-apply: 'mx-1 op-40 lg:mx-1.2';
}
.gc-github-icon {
--at-apply: 'flex-shrink-0 ml-auto w-5.5 lg:w-6';
--at-apply: 'ml-auto w-5.5 flex-shrink-0 lg:w-6';
}
/* Repo Description */
.gc-repo-description.gc-repo-description {
--at-apply: 'mt-2.45 mb-3.5 text-sm text-start lg:(mt-2.8 mb-4 text-base)';
--at-apply: 'mb-3.5 mt-2.45 text-start text-sm lg:(mb-4 mt-2.8 text-base)';
}
/* Info Bar */
@ -53,10 +53,11 @@
/* Admonition >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.admonition-title {
--at-apply: 'flex items-center mb-4 font-semibold';
--at-apply: 'mb-4 flex items-center font-semibold';
}
.admonition-title::before {
--at-apply: 'inline-block mr-2 aspect-square w-4 align-text-bottom content-[""]';
content: '';
--at-apply: 'mr-2 inline-block aspect-square w-4 align-text-bottom';
}
/* Note */

5
src/styles/global.css
View file

@ -21,7 +21,7 @@ body::selection {
/* Fix KaTeX Overflow with Hidden Scrollbar */
.katex-display {
--at-apply: 'overflow-x-auto overflow-y-hidden scrollbar-hidden';
--at-apply: 'my-6 overflow-x-auto overflow-y-hidden scrollbar-hidden';
}
.katex-display::-webkit-scrollbar {
display: none;
@ -54,7 +54,8 @@ h4:hover .heading-anchor-link svg:hover {
}
.highlight-static::after,
.highlight-hover::after {
--at-apply: 'content-[""] absolute left-0 z--1 h-0.5em w-full bg-highlight';
content: '';
--at-apply: 'absolute left-0 z--1 h-0.5em w-full bg-highlight';
}
.highlight-static::after,
.highlight-hover:hover::after {

21
src/styles/markdown.css
View file

@ -17,25 +17,25 @@
/* Headings */
.heti :where(h1, h2, h3, h4, h5, h6) {
--at-apply: 'mb-4 font-semibold';
--at-apply: 'mb-4 mt-1.5em font-semibold';
}
.heti :where(h1) {
--at-apply: 'mt-9.6 text-7 text-primary';
--at-apply: 'text-7 text-primary';
}
.heti :where(h2) {
--at-apply: 'mt-9.6 text-6 text-primary';
--at-apply: 'text-6 text-primary';
}
.heti :where(h3) {
--at-apply: 'mt-7.5 text-5';
--at-apply: 'text-5';
}
.heti :where(h4) {
--at-apply: 'mt-6.75 text-4.5';
--at-apply: 'text-4.5';
}
.heti :where(h5) {
--at-apply: 'mt-6 text-4';
--at-apply: 'text-4';
}
.heti :where(h6) {
--at-apply: 'mt-6 font-normal';
--at-apply: 'font-normal';
}
.heti :where(h1, h2, h3) {
--at-apply: 'text-balance leading-1.33em cjk:text-pretty cjk:tracking-0.05em';
@ -66,7 +66,7 @@
--at-apply: 'mx-auto my-6';
}
.heti :where(figcaption) {
--at-apply: 'mt-3 text-center text-sm text-secondary/80';
--at-apply: 'mt-2.5 text-center text-sm text-secondary/80';
}
.heti :is(h1, h2, h3, h4, h5, h6, img, figure) + :is(img, figure) {
--at-apply: 'mt-4';
@ -246,7 +246,10 @@ html.dark .heti :where(u) {
/* Horizontal Rules */
.heti :where(hr) {
--at-apply: 'my-9.6 border-t-2 border-secondary/5';
--at-apply: 'mb-8 mt-12 h-auto border-none text-center text-6 c-secondary/25 tracking-0.8em lg:(mb-10 mt-14)';
}
.heti :where(hr)::before {
content: "***";
}
/* Bold */