ake/akefin-design-system
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Alkim Ake Gozen 2026-05-23 11:59:45 +09:00
commit 8b790b7601
86 changed files with 6348 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
preview/colors-signed-amounts.html Normal file
View file

@ -0,0 +1,25 @@
<!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>
.row-data { display:grid; grid-template-columns: auto auto auto; gap:6px 32px; align-items:center; margin-top:6px; }
.lbl { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--fg-muted); }
.amt { font-family:"JetBrains Mono",monospace; font-variant-numeric:tabular-nums; font-size:16px; font-weight:500; text-align:right; }
.pos { color:#2F7D55; }
.neg { color:#1A1814; }
.warn { color:#B8362B; }
.ccy { color:#8A8377; font-weight:400; margin-left:6px; }
</style>
</head>
<body>
<div class="row-data">
<div class="lbl">income</div><div class="amt pos">+ 1,240,000<span class="ccy">KRW</span></div><div class="lbl">--amount-pos</div>
<div class="lbl">expense</div><div class="amt neg">− 38,500<span class="ccy">KRW</span></div><div class="lbl">--amount-neg</div>
<div class="lbl">unbalanced</div><div class="amt warn">! 12,300<span class="ccy">TRY</span></div><div class="lbl">--amount-warn</div>
<div class="lbl">multi-ccy</div><div class="amt neg">− 7,820<span class="ccy">JPY</span></div><div class="lbl">tabular nums</div>
</div>
<div class="legend" style="margin-top:14px">amounts · always right-aligned · always mono · signed · code follows</div>
</body></html>