diff options
author | John MacFarlane <jgm@berkeley.edu> | 2017-08-14 23:05:09 -0700 |
---|---|---|
committer | John MacFarlane <jgm@berkeley.edu> | 2017-08-14 23:17:44 -0700 |
commit | 892a4edeb1c9b9810c8386e639d8e457bbae7e86 (patch) | |
tree | c9de220c7cef5e6f52fdc282fb2c361533626f00 /test/command/1710.md | |
parent | 23d29ee10cb93143f48aca6aa6ebb6afc09af797 (diff) | |
download | pandoc-892a4edeb1c9b9810c8386e639d8e457bbae7e86.tar.gz |
Implement multicolumn support for slide formats.
The structure expected is:
<div class="columns">
<div class="column" width="40%">
contents...
</div>
<div class="column" width="60%">
contents...
</div>
</div>
Support has been added for beamer and all HTML slide formats.
Closes #1710.
Note: later we could add a more elegant way to create
this structure in Markdown than to use raw HTML div elements.
This would come for free with a "native div syntax" (#168).
Or we could devise something specific to slides
Diffstat (limited to 'test/command/1710.md')
-rw-r--r-- | test/command/1710.md | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/test/command/1710.md b/test/command/1710.md new file mode 100644 index 000000000..be96678bd --- /dev/null +++ b/test/command/1710.md @@ -0,0 +1,91 @@ +``` +% pandoc -t revealjs +# Slide one + +<div class="columns"> +<div class="column" width="40%"> +- a +- b +</div> +<div class="column" width="40%"> +- c +- d +</div> +<div class="column" width="10%"> +ok +</div> +</div> +^D +<section id="slide-one" class="slide level1"> +<h1>Slide one</h1> +<div class="columns"> +<div class="column" width="40%" style="width:40%;min-width:40%;vertical-align:top;"> +<ul> +<li>a</li> +<li>b</li> +</ul> +</div> +<div class="column" width="40%" style="width:40%;min-width:40%;vertical-align:top;"> +<ul> +<li>c</li> +<li>d</li> +</ul> +</div> +<div class="column" width="10%" style="width:10%;min-width:10%;vertical-align:top;"> +<p>ok</p> +</div> +</div> +</section> +``` + +``` +% pandoc -t beamer +# Slide one + +<div class="columns"> +<div class="column" width="40%"> +- a +- b +</div> +<div class="column" width="40%"> +- c +- d +</div> +<div class="column" width="10%"> +ok +</div> +</div> +^D +\begin{frame}{% +\protect\hypertarget{slide-one}{% +Slide one}} + +\begin{columns}[T] +\begin{column}{0.40\textwidth} +\begin{itemize} +\tightlist +\item + a +\item + b +\end{itemize} +\end{column} + +\begin{column}{0.40\textwidth} +\begin{itemize} +\tightlist +\item + c +\item + d +\end{itemize} +\end{column} + +\begin{column}{0.10\textwidth} +ok +\end{column} +\end{columns} + +\end{frame} +``` + |