New "columns" display mode (#371)

2021-06-09 13:44:12 +02:00
parent f5b879434c
commit 71214a45b5
8 changed files with 27 additions and 2 deletions
--- a/source/templates/classic/style.css
+++ b/source/templates/classic/style.css
@@ -35,6 +35,23 @@
    width: 50%;
  }

+/* Columns display */
+  svg.columns .items-wrapper{
+    column-count: 2;
+    column-gap: 10px;
+  }
+  svg.columns .items-wrapper>*{
+    -webkit-column-break-inside: avoid;
+    page-break-inside: avoid;
+    break-inside: avoid-column;
+  }
+
+  @media (max-width: 850px){
+    svg.columns .items-wrapper{
+      column-count: 1;
+    }
+  }
+
 /* Headers */
  h1, h2, h3 {
    margin: 8px 0 2px;