fix columns in gallery

2021-04-16 18:02:32 +02:00 · 2021-04-16 18:02:32 +02:00 · 42c513914b
parent 5b213f3881
commit 42c513914b
1 changed files with 6 additions and 4 deletions
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@ -3,13 +3,15 @@

 :root {
  --image-size: 200px;
+  --gap: 1em;
+  --cols: 5;
 }

 .page {
-  --gap: 1em;
-  max-width: calc(4 * var(--image-size) + 3 * var(--gap));
-  padding-left: 4em;
-  padding-right: 4em;
+  max-width: calc(
+    var(--cols) * var(--image-size) +
+    (var(--cols) - 1) * var(--gap)
+  );
 }

 #filters div {