opensource/pandoc
3
0
Fork 0
mirror of https://github.com/jgm/pandoc.git synced 2026-08-30 17:59:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

HTML: use CSS flex boxes for columns.

Browse Source 
This allows to render an arbitrary number of columns, while the previous
approach assumed exactly two columns.
This commit is contained in:
Albert Krewinkel
2022-07-29 23:44:13 +02:00
committed by John MacFarlane
parent 7a4afce60c
commit 0e8f424d9e
8 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/templates/styles.html
+2 -1
View File
@@ -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)$
test/lhs-test.html
+2 -1
View File
@@ -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; }
test/lhs-test.html+lhs
+2 -1
View File
@@ -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; }
test/s5-basic.html
+2 -1
View File
@@ -13,7 +13,8 @@
<style type="text/css">
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;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
test/s5-fancy.html
+2 -1
View File
@@ -13,7 +13,8 @@
<style type="text/css">
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;}
</style>
test/s5-inserts.html
+2 -1
View File
@@ -11,7 +11,8 @@
<style type="text/css">
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;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
test/writer.html4
+2 -1
View File
@@ -151,7 +151,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;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
test/writer.html5
+2 -1
View File
@@ -151,7 +151,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;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}