视觉系统主干落地:对齐 design tokens 与核心组件样式向 Zibll 收敛
- tokens:收紧 surface 层级/边框/圆角/阴影/间距与暗黑基线 - 组件:按钮、卡片原语、导航、侧栏、分页、模态、浮动按钮 - 首页:hero 外壳、fixed 列表/宫格、tab、skeleton/error 及各运营模块卡片化 - 内容页:单篇封面/标题/正文/blockquote/相关/TOC/上一篇下一篇、评论区 - 社区:forum board/topic/compose 子控件与卡片体系 - 交易/认证:cart/orders/revenue/product/auth 表面块与模态浮层统一 - footer:页脚主体、社交/联系、移动端 tabbar/搜索覆盖
This commit is contained in:
1 parent
5402768f23
commit
0b5b153265
47 files changed
+542
-325
No files matched your search
@@ -1,16 +1,20 @@
|
||||
/* ========== Single Post ========== */
|
||||
.entry-header,
|
||||
.article-header {
|
||||
margin-bottom: 24px;
|
||||
margin-bottom: 28px;
|
||||
padding-bottom: 18px;
|
||||
border-bottom: 1px solid var(--color-line-soft);
|
||||
}
|
||||
|
||||
/* 标题 — 对齐 zibll: 22px, bold, line-height 1.4 */
|
||||
.entry-title,
|
||||
.article-title {
|
||||
font-size: 22px;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 16px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 18px;
|
||||
line-height: 1.35;
|
||||
letter-spacing: -0.01em;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
|
||||
.entry-meta {
|
||||
@@ -38,7 +42,7 @@
|
||||
/* 内容区 — 对齐 zibll: 16px, line-height 2 */
|
||||
.entry-content {
|
||||
font-size: 16px;
|
||||
line-height: 2;
|
||||
line-height: 1.95;
|
||||
color: var(--color-ink);
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
@@ -66,12 +70,12 @@
|
||||
}
|
||||
|
||||
.entry-content blockquote {
|
||||
margin: 0 0 20px;
|
||||
padding: 15px 20px;
|
||||
border-left: 4px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
|
||||
border-radius: 0;
|
||||
color: var(--muted-color, #777);
|
||||
margin: 0 0 24px;
|
||||
padding: 18px 20px;
|
||||
border-left: 4px solid var(--color-primary);
|
||||
background: var(--surface-4, rgba(0, 0, 0, 0.03));
|
||||
border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
|
||||
color: var(--color-ink-3);
|
||||
}
|
||||
|
||||
.entry-content img {
|
||||
@@ -205,6 +209,8 @@
|
||||
|
||||
.related-posts {
|
||||
margin-top: 48px;
|
||||
padding: 20px 0 0;
|
||||
border-top: 1px solid var(--color-line-soft);
|
||||
}
|
||||
|
||||
.related-posts__title {
|
||||
|
||||
Reference in new issue
Block a user