iter(g233): 位移量令牌化,transform 位移收敛为 --ua-translate-* 七档并纳入审计口径
This commit is contained in:
@@ -110,6 +110,13 @@
|
||||
--ua-ease: cubic-bezier(0.2, 0.8, 0.2, 1); /* 标准缓动:先快后缓,控件交互默认用这条 */
|
||||
--ua-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* 出场缓动:元素进入视口 / 弹层出现时使用 */
|
||||
--ua-ease-spring: cubic-bezier(0.34, 1.3, 0.5, 1); /* 回弹缓动:弹窗本体、悬浮按钮这类需要一点过冲的入场 */
|
||||
--ua-translate-1: 1px; /* 位移 1 档:hover 微上浮(行内小件) */
|
||||
--ua-translate-2: 2px; /* 位移 2 档:hover 上浮标准档(按钮 / 卡片 / 悬浮件) */
|
||||
--ua-translate-3: 3px; /* 位移 3 档:贴边入场偏移(tooltip 箭头侧滑等几何配对位移) */
|
||||
--ua-translate-4: 4px; /* 位移 4 档:小型弹层入场(下拉菜单 / 气泡滑入) */
|
||||
--ua-translate-6: 6px; /* 位移 6 档:入场位移中档(alert / 通知条滑入) */
|
||||
--ua-translate-8: 8px; /* 位移 8 档:浮动件入场(悬浮按钮弹出 / 大弹层滑入;既有 10px 收敛到此档) */
|
||||
--ua-translate-12: 12px; /* 位移 12 档:长距离滑入(toast 侧边进出场 / 开关行程) */
|
||||
|
||||
/* ---- 焦点环:统一外环与内嵌两种形态,全部由强调色派生 ---- */
|
||||
--ua-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 22%, transparent); /* 外焦点环:输入框 / 按钮 / 可聚焦控件 */
|
||||
|
||||
@@ -213,6 +213,15 @@
|
||||
"easeOut": "cubic-bezier(0.16, 1, 0.3, 1)",
|
||||
"easeSpring": "cubic-bezier(0.34, 1.3, 0.5, 1)"
|
||||
},
|
||||
"translate": {
|
||||
"1": "1px",
|
||||
"2": "2px",
|
||||
"3": "3px",
|
||||
"4": "4px",
|
||||
"6": "6px",
|
||||
"8": "8px",
|
||||
"12": "12px"
|
||||
},
|
||||
"focus": {
|
||||
"ring": {
|
||||
"light": "0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 22%, transparent)",
|
||||
|
||||
Reference in New Issue
Block a user