first commit
This commit is contained in:
commit
8b790b7601
86 changed files with 6348 additions and 0 deletions
26
preview/spacing-rows.html
Normal file
26
preview/spacing-rows.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="../colors_and_type.css">
|
||||
<link rel="stylesheet" href="_card.css">
|
||||
<style>
|
||||
body { padding:24px; }
|
||||
.stack { display:flex; flex-direction:column; gap:8px; }
|
||||
.row { display:flex; align-items:center; gap:16px; border:1px solid #D5CFC2; background:#F5F1E8; padding:0 14px; font-family:"IBM Plex Sans",sans-serif; font-size:13px; }
|
||||
.row .when { font-family:"JetBrains Mono",monospace; font-size:12px; color:#5A5347; }
|
||||
.row .amt { margin-left:auto; font-family:"JetBrains Mono",monospace; font-size:13px; }
|
||||
.row .lbl { color:#5A5347; }
|
||||
.r-compact { height:32px; }
|
||||
.r-default { height:40px; }
|
||||
.r-roomy { height:48px; }
|
||||
.tag { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:#8A8377; min-width:88px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="stack">
|
||||
<div class="row r-compact"><span class="tag">32 · compact</span><span class="when">2026-03-02</span><span>review queue rows</span><span class="amt">− 38,500 KRW</span></div>
|
||||
<div class="row r-default"><span class="tag">40 · default</span><span class="when">2026-03-02</span><span>primary list rows</span><span class="amt">+ 2,400,000 KRW</span></div>
|
||||
<div class="row r-roomy"><span class="tag">48 · roomy</span><span class="when">2026-03-02</span><span>table headers / page tabs</span><span class="amt">— —</span></div>
|
||||
</div>
|
||||
</body></html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue