joshbairstow/jb-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Josh Bairstow 2026-06-01 19:35:56 +10:00
commit 3ba76b4f02
90 changed files with 12507 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
docs/design-system/preview/spacing.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html><html><head><meta charset="utf-8">
<link rel="stylesheet" href="../colors_and_type.css">
<style>
body{margin:0}
.wrap{background:var(--ground);padding:26px 30px;box-sizing:border-box;font-family:var(--font-body)}
.row{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.bar{height:14px;background:var(--tobacco-500);border-radius:2px}
.lab{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);width:64px;flex:none}
</style></head><body>
<div class="wrap">
<div class="row"><span class="lab">2 · 8</span><div class="bar" style="width:8px"></div></div>
<div class="row"><span class="lab">4 · 16</span><div class="bar" style="width:16px"></div></div>
<div class="row"><span class="lab">5 · 24</span><div class="bar" style="width:24px"></div></div>
<div class="row"><span class="lab">6 · 32</span><div class="bar" style="width:32px"></div></div>
<div class="row"><span class="lab">7 · 48</span><div class="bar" style="width:48px"></div></div>
<div class="row"><span class="lab">8 · 64</span><div class="bar" style="width:64px"></div></div>
<div class="row"><span class="lab">9 · 96</span><div class="bar" style="width:96px"></div></div>
<div class="row"><span class="lab">10 · 128</span><div class="bar" style="width:128px"></div></div>
</div>
</body></html>