diff options
| author | Albert Krewinkel <[email protected]> | 2022-07-29 23:44:13 +0200 |
|---|---|---|
| committer | John MacFarlane <[email protected]> | 2022-08-01 10:12:13 -0700 |
| commit | 0e8f424d9ef29175a12e8efb40e91a63aa939da1 (patch) | |
| tree | e0614a0171456386b82a53dcc566868766665ad1 /data | |
| parent | 7a4afce60c932add21b9ea4914d8eb61e3de732e (diff) | |
HTML: use CSS flex boxes for columns.
This allows to render an arbitrary number of columns, while the previous
approach assumed exactly two columns.
Diffstat (limited to 'data')
| -rw-r--r-- | data/templates/styles.html | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/data/templates/styles.html b/data/templates/styles.html index 88f7c1013..2bbb78bfa 100644 --- a/data/templates/styles.html +++ b/data/templates/styles.html @@ -163,7 +163,8 @@ header { $endif$ 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;} $if(quotes)$ |