Boxes

This is a box. Anything can be its content. The box only gives padding and some extra styling.

<div class="box">
	...
</div>

Bordered boxes

This is a bordered box. Anything can be its content.

<div class="box box--bordered">
	...
</div>

This is a bordered box with color name "orangepink"

This is a bordered box with color name "lightishgreen"

This is a bordered box with color name "lightishpurple"

This is a bordered box with color name "cornflower"

This is a bordered box with color name "lightteal"

This is a bordered box with color name "sunyellow"

This is a bordered box with color name "apricot"

This is a bordered box with color name "lightsalmon"

<div class="box box--bordered box--primary">
	...
</div>
<div class="box box--bordered box--lightishgreen">
	...
</div>

More colors are available, see color for all available color names