block style
	link(rel='stylesheet' href='./style.css')
block main
	h1.size1 size1
	h1.size2 size2

	.clearfix
		h1.left left
		h1.right right
	
	h1.text-left text-left
	h1.text-right text-right
	h1.text-center text-center

	h1.border.box.text-center border

	.border.text-center(style="height: 300px;")
		.middle.border.box.color-reverse.center middle

	h1.color color
	h1.color-reverse color-reverse
	h1.box.gradient gradient
	h1.box.background-opacity background-opacity

	h1.opacity.color-reverse opacity
	h1.box.text-overflow.color-reverse this is very long text this is very long text this is very long text

	h1.square.color-reverse square

	h1.box.shadow shadow
	h1.box.inset-shadow inset-shadow
	

	.grid
		.clearfix
			- var n = 0
			while n++ < 12
				.left.col-1-12
					.content
		.clearfix
			.left.col-4-12
				.content
			.left.col-4-12
				.content
			.left.col-4-12
				.content
		.clearfix
			.left.col-6-12
				.content
			.left.col-6-12
				.content
			.left.col-8-12
				.content
			.left.col-4-12
				.content

	h1.box.color-reverse.line-limit-1 line-limit-1 line-limit-1 line-limit-1
	h1.box.color-reverse.line-limit-2 line-limit-2 line-limit-2 line-limit-2 line-limit-2 line-limit-2 line-limit-2