iter(g183): 字重行高令牌化

This commit is contained in:
HIsheR
2026-10-26 17:36:39 +08:00
parent 089527fd7d
commit fe7972574a
6 changed files with 154 additions and 84 deletions
+7 -5
View File
@@ -40,11 +40,13 @@
--ua-font-size-2xl: 18px; /* 标题字号:页面区块标题 */
/* ---- 字重与行高:标题 / 正文 / 辅助三档 ---- */
--ua-weight-normal: 400; /* 常规字重:正文与表单值 */
--ua-weight-medium: 500; /* 中字重:控件文本、表头、强调条目 */
--ua-weight-semibold: 600; /* 半粗字重:标题、关键数值 */
--ua-leading-tight: 1.35; /* 紧凑行高:标题、按钮、单行控件 */
--ua-leading-normal: 1.55; /* 常规行高:多行正文、说明文字 */
--ua-weight-normal: 400; /* 正文档:正文与表单值 */
--ua-weight-medium: 500; /* 辅助强调档:控件文本、表头、次要标题 */
--ua-weight-semibold: 600; /* 标题档:区块标题、关键数值 */
--ua-weight-bold: 700; /* 特重档:统计大数字等少数强调位 */
--ua-leading-none: 1; /* 单行档:图标 / 数字 / 按钮文字的垂直居中 */
--ua-leading-tight: 1.35; /* 紧凑档:标题、单行控件 */
--ua-leading-normal: 1.55; /* 正文档:多行正文、说明文字 */
/* ---- 边框:细分(比基础边框更淡,用于分割线,避免 1px 线过重) ---- */
--ua-border-subtle: color-mix(in srgb, var(--ua-color-border) 60%, transparent); /* 细分边框色:表格分割线、卡片内分隔 */
+4 -2
View File
@@ -68,11 +68,13 @@
"weight": {
"normal": 400,
"medium": 500,
"semibold": 600
"semibold": 600,
"bold": 700
},
"leading": {
"tight": 1.35,
"normal": 1.55
"normal": 1.55,
"none": 1
},
"border": {
"subtle": "color-mix(in srgb, var(--ua-color-border) 60%, transparent)"