From 48d14319adaf9d843a4eca8bb482a354f835d6a0 Mon Sep 17 00:00:00 2001 From: Robert Günzler Date: Wed, 16 Apr 2025 15:03:13 +0200 Subject: replace gallery with flexbox solution MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Robert Günzler --- links/main.css | 26 ++++++++++---------------- 1 file changed, 10 insertions(+), 16 deletions(-) (limited to 'links/main.css') diff --git a/links/main.css b/links/main.css index 9d126aa..78f0f12 100644 --- a/links/main.css +++ b/links/main.css @@ -205,22 +205,6 @@ main ul.task-list input { margin: 0 1em 0 -2em; } -/* gallery */ - -main ul.gallery { - padding: 0; -} - -main ul.gallery li { - clear: both; - display: block; - padding: 10px -} - -main ul.gallery li * { - display: block; -} - /* table */ main>table img { @@ -384,6 +368,16 @@ ul.nobull li { padding-left: var(--body-inline-padding); } +:is(div, p):has(>.i) { + display: flex; + flex-flow: row wrap; + grid-gap: var(--body-inline-padding); +} + +:is(div, p)>.i { + max-width: 100%; +} + /* theme */ @media (prefers-color-scheme: dark) { -- cgit 1.4.1