diff options
| author | Christian Cleberg <[email protected]> | 2026-07-06 17:06:24 -0500 |
|---|---|---|
| committer | Christian Cleberg <[email protected]> | 2026-07-06 17:06:24 -0500 |
| commit | 8a048905fe0d7f853c2e7722780334edba716ce9 (patch) | |
| tree | f4ead0aee8720500769fe156b892a0c289019098 /theme | |
| parent | 54f48ceadb652b90c72fe6d624b09efc4af4f649 (diff) | |
| download | cleberg.net-8a048905fe0d7f853c2e7722780334edba716ce9.tar.gz cleberg.net-8a048905fe0d7f853c2e7722780334edba716ce9.tar.bz2 cleberg.net-8a048905fe0d7f853c2e7722780334edba716ce9.zip | |
add css support for a photo carousel
Diffstat (limited to 'theme')
| -rw-r--r-- | theme/static/styles.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/theme/static/styles.css b/theme/static/styles.css index 618b1aa..d42ac09 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -14,6 +14,12 @@ pre, blockquote { margin: 1rem 0; padding: 0.5rem; background-color: #eee; } pre { overflow: auto; white-space: pre; } blockquote p { margin: 0; } code { color: #942192; } +.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; } +.shot-scroll::-webkit-scrollbar { height: 10px; } +.shot-scroll::-webkit-scrollbar-thumb { background: var(--border-strong); } +.shot-card { margin: 0; scroll-snap-align: start; border: 1px solid var(--border); overflow: hidden; background: var(--surface-2); } +.shot-card img { display: block; width: 100%; height: auto; } +.shot-card figcaption { padding: 10px 12px 12px; color: var(--text); font-size: 0.9rem; font-weight: 600; } @media (prefers-color-scheme: dark) { body { background-color: #181a1b; color: #cccccc; } a, a:visited { color: #68A9F8; } |