Documentation

Everything you can do with Beauter

Offset

Beauter supports offsets consistent with the grids. Offsets pushes the content, useful for proper horizontal spacing and positioning.

If you are currently using a mobile device, please tilt your device to landscape mode to see the columns distinctly

off1-5
off2-5
off3-5
off4-5
off5-5
off-1
off-2
off-3
off-4
off-5
off-6
off-7
off-8
off-9
off-10
off-11

Profile

<div class="_pink">
<div class="row">
<div class="off-2"><h1>Hello</h1></div>
</div>
<div class="row">
<div class="off-4"><img src="http://beauter.outboxcraft.com/img/pink2.jpg" width="100px" class="-circle _gray"></div>
</div>
</div>

Sitemap ..

Code licensed under MIT
Docs under CC BY NC SA 4.0.
Designed with
outboxcraft logoOutboxcraft
© 2017