diff options
Diffstat (limited to 'sass')
| -rw-r--r-- | sass/main.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/sass/main.scss b/sass/main.scss index 8c9d15b..402c8c1 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -135,6 +135,29 @@ a:hover { text-decoration: underline; text-underline-offset: 3px; } .back { font-size: 0.9rem; margin: 0 0 1.5rem; } .back a { color: var(--muted); } +// ---- App page: actions + screenshots --------------------------------------- +.app-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 2rem 0 1rem; } +.privacy-link { font-size: 0.9rem; margin: 0.25rem 0 0; } + +.shots { + display: flex; + gap: 0.85rem; + overflow-x: auto; + margin: 1.5rem 0 0.5rem; + padding-bottom: 0.75rem; + scroll-snap-type: x mandatory; + -webkit-overflow-scrolling: touch; +} +.shots figure { flex: 0 0 auto; width: 11rem; margin: 0; scroll-snap-align: start; } +.shots img { + display: block; + width: 100%; + height: auto; + border: 1px solid var(--border); + background: var(--surface); +} +.shots figcaption { color: var(--dim); font-size: 0.8rem; margin-top: 0.55rem; line-height: 1.4; } + // ---- Plain list (services / apps) ------------------------------------------ .plainlist { list-style: none; padding: 0; margin: 1.5rem 0 0; } .plainlist li { |