Commit 76267202 authored by Henrik Tramberend's avatar Henrik Tramberend
Browse files

Add CSS for proper box spacing in `layout=columns`

parent ad5221bf
provisioning: Copy
\ No newline at end of file
......@@ -313,7 +313,24 @@ body {
display:flex;
flex-flow: row nowrap;
div.column {flex: 1 1 0%;}
$margin-size: 0.74em;
div.column {
flex: 1 1 0%;
margin-left: $margin-size;
margin-right: $margin-size;
&:first-child {
margin-left: 0em;
margin-right: $margin-size;
}
&:last-child {
margin-left: $margin-size;
margin-right: 0em;
}
}
div.column[grow="1"] {flex-grow:1;}
div.column[grow="2"] {flex-grow:2;}
div.column[grow="3"] {flex-grow:3;}
......
......@@ -117,3 +117,28 @@ history: True
![](include/06-metal.png)
# Slide Masters {layout="columns"}
## Box Mania {.top}
- Even in *three* columns
## Example {.left .alert}
![](include/06-metal.png)
## Example {.center .def}
![](include/06-metal.png)
Some more Text after the picture.
##
And some more still after the box.
## Example {.right .note}
![](include/06-metal.png)
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment