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