From 0e8f424d9ef29175a12e8efb40e91a63aa939da1 Mon Sep 17 00:00:00 2001 From: Albert Krewinkel Date: Fri, 29 Jul 2022 23:44:13 +0200 Subject: HTML: use CSS flex boxes for columns. This allows to render an arbitrary number of columns, while the previous approach assumed exactly two columns. --- test/lhs-test.html | 3 ++- test/lhs-test.html+lhs | 3 ++- test/s5-basic.html | 3 ++- test/s5-fancy.html | 3 ++- test/s5-inserts.html | 3 ++- test/writer.html4 | 3 ++- test/writer.html5 | 3 ++- 7 files changed, 14 insertions(+), 7 deletions(-) (limited to 'test') diff --git a/test/lhs-test.html b/test/lhs-test.html index d507aa19d..03894af2b 100644 --- a/test/lhs-test.html +++ b/test/lhs-test.html @@ -148,7 +148,8 @@ } code{white-space: pre-wrap;} span.smallcaps{font-variant: small-caps;} - div.column{display: inline-block; vertical-align: top; width: 50%;} + div.columns{display: flex; gap: min(4vw, 1.5em);} + div.column{flex: 1;} div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} ul.task-list{list-style: none;} pre > code.sourceCode { white-space: pre; position: relative; } diff --git a/test/lhs-test.html+lhs b/test/lhs-test.html+lhs index a7f3e3a64..3a821f24c 100644 --- a/test/lhs-test.html+lhs +++ b/test/lhs-test.html+lhs @@ -148,7 +148,8 @@ } code{white-space: pre-wrap;} span.smallcaps{font-variant: small-caps;} - div.column{display: inline-block; vertical-align: top; width: 50%;} + div.columns{display: flex; gap: min(4vw, 1.5em);} + div.column{flex: 1;} div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} ul.task-list{list-style: none;} pre > code.sourceCode { white-space: pre; position: relative; } diff --git a/test/s5-basic.html b/test/s5-basic.html index 5cf900d5c..4b6668c96 100644 --- a/test/s5-basic.html +++ b/test/s5-basic.html @@ -13,7 +13,8 @@ diff --git a/test/s5-inserts.html b/test/s5-inserts.html index 5e84aa44f..8aef36a42 100644 --- a/test/s5-inserts.html +++ b/test/s5-inserts.html @@ -11,7 +11,8 @@