Block Expansion

Block expansion is a way to write one liners with nested tags.

Originally we relied on newlines and indents.

Jade
HTML
<div>
  <p>Hello</p>
</div>

You can nest tags by appending the preceding tag with a colon.

Jade
HTML
<div>
  <p>Hello</p>
</div>

You can keep nesting as well.

Jade
HTML
<div>
  <p><span>Hello</span>
  </p>
</div>