zhengchen.tao
cafd7c822d
Build and Deploy Blog / build (push) Has been cancelled
正文章节号已手写在标题中,•/○ 是冗余视觉干扰。
55 lines
1.3 KiB
SCSS
55 lines
1.3 KiB
SCSS
// TOC 关掉无序列表的项目符号 —— 章节号已经手写在标题里(一、/ 1.1 / 2.1...),
|
|
// 再叠 • / ○ 反而乱
|
|
.toc-nav ul {
|
|
list-style: none;
|
|
}
|
|
|
|
// 卡片 padding 比 Stack 默认 20/25/30 略宽一点,保证所有内容(含引用/code/图片)
|
|
// 都呆在 padding 内不顶到边
|
|
:root {
|
|
--card-padding: 24px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
:root {
|
|
--card-padding: 28px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1280px) {
|
|
:root {
|
|
--card-padding: 32px;
|
|
}
|
|
}
|
|
|
|
// 取消 Stack 默认的"标题 hanging 出 .article-content 左 padding"效果
|
|
// 让 H1-H6 的左竖线不再顶到卡片边框,留出呼吸空间
|
|
.article-content {
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin-inline-start: 0;
|
|
padding-inline-start: 0.6em;
|
|
|
|
// 锚点 # 浮在标题文字左外侧,避免和竖线重叠
|
|
a.header-anchor {
|
|
left: auto;
|
|
right: 100%;
|
|
width: 1.4em;
|
|
}
|
|
}
|
|
|
|
// 取消 Stack 默认让 blockquote / figure / code / table 等"独立块"用负 margin
|
|
// hanging 出卡片左右边缘的设计,让所有内容统一呆在 article-content 的 padding 内
|
|
blockquote,
|
|
figure,
|
|
.highlight,
|
|
pre,
|
|
.gallery,
|
|
.video-wrapper,
|
|
.table-wrapper,
|
|
.s_video_simple {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
}
|
|
}
|