Commit 8a048905fe

8a048905fe0d7f853c2e7722780334edba716ce9

parent: 54f48ceadb

Verified · cmc

cmc <hello@cleberg.net> · 2026-07-06 22:06 UTC

add css support for a photo carousel

Layout: unified · split

theme/static/styles.css +6
@@ -14,6 +14,12 @@ pre, blockquote { margin: 1rem 0; padding: 0.5rem; background-color: #eee; }
1414pre { overflow: auto; white-space: pre; }
1515blockquote p { margin: 0; }
1616code { color: #942192; }
17.shot-scroll { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 280px); gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; padding: 4px 0 8px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
18.shot-scroll::-webkit-scrollbar { height: 10px; }
19.shot-scroll::-webkit-scrollbar-thumb { background: var(--border-strong); }
20.shot-card { margin: 0; scroll-snap-align: start; border: 1px solid var(--border); overflow: hidden; background: var(--surface-2); }
21.shot-card img { display: block; width: 100%; height: auto; }
22.shot-card figcaption { padding: 10px 12px 12px; color: var(--text); font-size: 0.9rem; font-weight: 600; }
1723@media (prefers-color-scheme: dark) {
1824 body { background-color: #181a1b; color: #cccccc; }
1925 a, a:visited { color: #68A9F8; }