Spaziatura

Due scale e una regola. Una forma non scrive mai una lunghezza: consuma un passo, che è ciò che impedisce a due componenti scritti a un anno di distanza di essere due pixel fuori ritmo.

Livelli di spaziatura

Nove passi, da una linea sottile a un margine di pagina. Padding, spazi e margini derivano tutti da qui: un valore tra due passi è un valore che non è stato deciso.

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

Dimensioni

Le larghezze e le altezze assegnate a una regione: una colonna, un pannello, una misura di lettura. Più grande di un passo di spaziatura e usato per lo stesso motivo.

--size-1

--size-2

--size-3

--size-4

--size-5

--size-6

Densità

La compattezza appartiene a una regione e non a un widget. Una barra dichiarata compatta rende ciò che contiene compatto anch'esso, perché i token che la trasportano ereditano — nessun componente sottostante viene informato su dove si trova.

Una barra degli strumenti alla propria densità, e i pulsanti che contiene

La stessa barra degli strumenti dichiarata compatta — non si è detto nulla sui pulsanti

Una regione dichiarata compatta senza essere una forma di per sé