eshiol.it
Implementazione delle Linee guida di design per i servizi web della PA basato su it Web Toolkit.

Elenco completo delle classi per la gestione della spaziatura: 'padding' e 'margin'

Assegna agli elementi i valori di margin o di padding con le classi apposite per le singole proprietà. Le dimensioni delle spaziature possono variare da .4rem a 4rem. Questo si traduce in valori compresi tra 4px e 40px, visto che il Web Toolkit usa un font-size di base di 10px sia per dispositivi mobili che per dispositivi desktop.

Le classi sono denominate utilizzando il formato u-{proprietà}-{lato}-{dimensione}

Dove la proprietà è una tra:

• margin - per le classi che impostano margin 
• padding - per le classi che impostano padding 

Dove lati è uno tra:

• top - per le classi che impostano  margin-top o padding-top
• bottom - per le classi che impostano  margin-bottom o padding-bottom 
• left - per le classi che impostano  margin-left o padding-left 
• right - per le classi che impostano  margin-right o padding-right 

Dove la dimensione è una tra:

• xxs per le classi che impostano margin o padding a 0.4rem
• xs per le classi che impostano margin o padding a 0.8rem
• s per le classi che impostano margin o padding a 1.6rem
• m per le classi che impostano margin o padding a 2rem
• l per le classi che impostano margin o padding a 2.4rem
• xl per le classi che impostano margin o padding a 3.2rem
• xxl per le classi che impostano margin o padding a 4rem