Update home authored by Dominik Gall's avatar Dominik Gall
...@@ -4,6 +4,15 @@ ...@@ -4,6 +4,15 @@
A column slide can be defined by `{layout="columns"}` in the slide header and by defining the orientation and scope each column in subheaders with `{.left}`. `{.center}` (optional), or `{.right}` tags. A column slide can be defined by `{layout="columns"}` in the slide header and by defining the orientation and scope each column in subheaders with `{.left}`. `{.center}` (optional), or `{.right}` tags.
Tag | Target | Effect
---|---|---
`{layout="columns"}` | Slide headers (`#`) | Use columns of this slide
`{.left}` | Secondary headers (`##`) | Define start of left column
`{.center}` (optional) | Secondary headers (`##`) | Define start of central column
`{.right}` | Secondary headers (`##`) | Define start of right column
{.mid} | Slide headers (`#`) or secondary headers (`##`) | Vertically aligns columns. Can be assigned to the slider header (e.g. `# Slide header {layout="columns" .mid}`) or to individual columns (e.g. `## {.right .mid}`).
### Example: ### Example:
``` ```
...@@ -20,17 +29,16 @@ A column slide can be defined by `{layout="columns"}` in the slide header and by ...@@ -20,17 +29,16 @@ A column slide can be defined by `{layout="columns"}` in the slide header and by
``` ```
### Modifiers: ### Modifiers:
- `.mid`: Vertically aligns columns. Can be assigned to the slider header (e.g. `# Slide header {layout="columns" .mid}`) or to individual columns (e.g. `## {.right .mid}`). -
## Dense Layouts ## Dense Layouts
Slide can be vertically compressed to decrease the height of the content by assigning one of the following tags: Slide can be vertically compressed to decrease the height of the content by assigning one of the following tags:
Tag | Target | Effect Tag | Target | Effect
---|---|--- ---|---|---
{.dense} | Slide headers (`#`) | Decrease height of content `{.dense}` | Slide headers (`#`) | Decrease height of content
{.x-dense} | Slide headers (`#`) | Additionally, decrease font size `{.x-dense}` | Slide headers (`#`) | Additionally, decrease font size
{.xx-dense} | Slide headers (`#`) | Further decrease font size `{.xx-dense}` | Slide headers (`#`) | Further decrease font size