mirror of
https://github.com/awizemann/scarf.git
synced 2026-05-10 18:44:45 +00:00
15 lines
1.4 KiB
HTML
15 lines
1.4 KiB
HTML
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Radii</title>
|
||
|
|
<link rel="stylesheet" href="_preview.css"></head>
|
||
|
|
<body>
|
||
|
|
<div class="card-root">
|
||
|
|
<div class="label">Radii · 4 / 6 / 8 / 12 / 14</div>
|
||
|
|
<div class="row" style="gap:14px;align-items:flex-end">
|
||
|
|
<div class="col" style="align-items:center;gap:6px"><div style="width:64px;height:64px;background:var(--accent-tint);border:1px solid var(--accent);border-radius:4px"></div><div class="mono">4 · chips, code</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:6px"><div style="width:64px;height:64px;background:var(--accent-tint);border:1px solid var(--accent);border-radius:6px"></div><div class="mono">6 · tool cards</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:6px"><div style="width:64px;height:64px;background:var(--accent-tint);border:1px solid var(--accent);border-radius:8px"></div><div class="mono">8 · cards, btns</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:6px"><div style="width:64px;height:64px;background:var(--accent-tint);border:1px solid var(--accent);border-radius:12px"></div><div class="mono">12 · bubbles</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:6px"><div style="width:64px;height:64px;background:var(--accent-tint);border:1px solid var(--accent);border-radius:14px"></div><div class="mono">14 · windows</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body></html>
|