Tree-Block

Mit einem "Tree-Block" lässt sich sehr übersichtlich ein Baum definieren.

Definition

Ähnlich zu einem "Text-Block" wird ein "Tree-Block" mit der Zeichenfolge ">>>>" eingeleitet und mit "<<<<" abgeschlossen.

tree = >>>>
	html
	body
		div
<<<<

Die Nodes werden dabei mit Tabulator eingerückt und so entsprechend im Baum positioniert.

Werte

Mit einem Doppelpunkt (oder alternativ einem '=') lassen sich auch die Werte der Nodes definieren.

tree = >>>>
	body
		font-size: 17
<<<<

Zeilen verbinden

Endet ein Name mit einem Komma, so wird die nächste Zeile angehängt.

tree = >>>>
	b,
	strong
<<<<

Hier wird somit nur eine Node erzeugt.

Lazy Tree-Block

Die Werte im Tree-Block müssen gültige Objekte sein. Sollen jedoch viele Werte übergeben werden, die alle als String interpretiert werden sollen, so eignet sich die Lazy-Variante.

Hierzu wird an das abschließende "<<<<" ein Fragezeichen angefügt:

 
tree = >>>>
	html
		font-size: 100%
		overflow-y: scroll
		-webkit-text-size-adjust: 100%
		-ms-text-size-adjust: 100%
	body
		margin: 0
		font-size: 100%
		line-height: 1.5
	b,
	strong
		font-weight: bold

	#primary-nav
		select
			margin: .5em 1em
			width: 90%
<<<<?

Hinweis
Wenn das erste Element eingerückt wird, so müssen alle weiteren Elemente ebenso zu dieser Basis eingerückt werden!