feat: 同步 design/ 设计系统(含 iPad tablet kit) + 架构任务拆分(todo/)
design/ 同步自最新设计导出,新增 ui_kits/tablet/ 平板分栏布局;todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,16 @@
|
||||
<!doctype html>
|
||||
<!-- @dsCard group="Spacing" name="阴影系统" subtitle="暖色调柔和投影 sm–xl" viewport="700x180" --><html><head><meta charset="utf-8"><link rel="stylesheet" href="../colors_and_type.css">
|
||||
<style>body{margin:0;background:var(--bg);font-family:var(--font-sans);padding:30px 24px 36px}
|
||||
.lab{font-family:var(--font-mono);font-size:10px;color:var(--fg3);margin-bottom:24px}
|
||||
.row{display:flex;gap:28px}
|
||||
.box{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px}
|
||||
.sq{width:100%;height:60px;background:linear-gradient(160deg,#FBF8F4,#F3EEE7);border:1px solid var(--sand-200);border-radius:var(--radius-lg)}
|
||||
.n{font-family:var(--font-mono);font-size:10px;color:var(--fg2)}</style></head><body>
|
||||
<div class="lab">SHADOWS · 暖色调投影 (rgba 45,30,20) — 柔和、克制</div>
|
||||
<div class="row">
|
||||
<div class="box"><div class="sq" style="box-shadow:var(--shadow-sm)"></div><span class="n">sm</span></div>
|
||||
<div class="box"><div class="sq" style="box-shadow:var(--shadow-md)"></div><span class="n">md</span></div>
|
||||
<div class="box"><div class="sq" style="box-shadow:var(--shadow-lg)"></div><span class="n">lg</span></div>
|
||||
<div class="box"><div class="sq" style="box-shadow:var(--shadow-xl)"></div><span class="n">xl</span></div>
|
||||
</div>
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user