mirror of
https://github.com/awizemann/scarf.git
synced 2026-05-10 02:26:37 +00:00
14 lines
1.3 KiB
HTML
14 lines
1.3 KiB
HTML
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Shadows</title>
|
||
|
|
<link rel="stylesheet" href="_preview.css"></head>
|
||
|
|
<body>
|
||
|
|
<div class="card-root" style="background:var(--bg)">
|
||
|
|
<div class="label">Shadows · two-layer Apple style</div>
|
||
|
|
<div class="row" style="gap:24px;padding:12px 4px">
|
||
|
|
<div class="col" style="align-items:center;gap:8px"><div style="width:120px;height:60px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(28,26,32,.05)"></div><div class="mono">sm · subtle lift</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:8px"><div style="width:120px;height:60px;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 2px rgba(28,26,32,.04),0 4px 12px rgba(28,26,32,.04)"></div><div class="mono">md · cards</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:8px"><div style="width:120px;height:60px;background:var(--bg-card);border-radius:8px;box-shadow:0 2px 4px rgba(28,26,32,.06),0 8px 24px rgba(28,26,32,.07)"></div><div class="mono">lg · hover</div></div>
|
||
|
|
<div class="col" style="align-items:center;gap:8px"><div style="width:120px;height:60px;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 8px rgba(28,26,32,.08),0 16px 40px rgba(28,26,32,.10)"></div><div class="mono">xl · sheet</div></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body></html>
|