24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>List — No-Dividers</title>
|
|
<link rel="stylesheet" href="../colors_and_type.css" />
|
|
<style>
|
|
html, body { margin: 0; background: var(--background); }
|
|
.card { padding: 20px 28px; box-sizing: border-box; font-family: var(--font-sans); }
|
|
.item { padding: 14px 16px; border-radius: 10px; display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: 10px; }
|
|
.item:nth-child(odd) { background: var(--surface-container); }
|
|
.title { font-family: var(--font-serif); font-size: 17px; color: var(--on-surface); }
|
|
.meta { font-size: 12px; color: var(--on-surface-variant); letter-spacing: 0.04em; }
|
|
.sub { grid-column: 1/-1; font-size: 13px; color: var(--on-surface-variant); margin-top: 2px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="item"><div class="title">On stillness, and other tools</div><div class="meta">§ 12 min</div><div class="sub">Filed in Essays · 3 days ago</div></div>
|
|
<div class="item"><div class="title">Norse metaphors for modern ML</div><div class="meta">§ 8 min</div><div class="sub">Filed in Research · last week</div></div>
|
|
<div class="item"><div class="title">The margin is the point</div><div class="meta">§ 4 min</div><div class="sub">Filed in Essays · March</div></div>
|
|
</div>
|
|
</body>
|
|
</html>
|