Visite: 6317

Valutazione attuale: 0 / 5

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

u-padding-top-xxs

u-padding-top-xs

u-padding-top-s

u-padding-top-m

u-padding-top-l

u-padding-top-xl

u-padding-top-xxl

u-padding-right-xxs

u-padding-right-xs

u-padding-right-s

u-padding-right-m

u-padding-right-l

u-padding-right-xl

u-padding-right-xxl

u-padding-bottom-xxs

u-padding-bottom-xs

u-padding-bottom-s

u-padding-bottom-m

u-padding-bottom-l

u-padding-bottom-xl

u-padding-bottom-xxl

u-padding-left-xxs

u-padding-left-xs

u-padding-left-s

u-padding-left-m

u-padding-left-l

u-padding-left-xl

u-padding-left-xxl

u-padding-all-xxs

u-padding-all-xs

u-padding-all-s

u-padding-all-m

u-padding-all-l

u-padding-all-xl

u-padding-all-xxl

u-margin-top-xxs

u-margin-top-xs

u-margin-top-s

u-margin-top-m

u-margin-top-l

u-margin-top-xl

u-margin-top-xxl

u-margin-right-xxs

u-margin-right-xs

u-margin-right-s

u-margin-right-m

u-margin-right-l

u-margin-right-xl

u-margin-right-xxl

u-margin-bottom-xxs

u-margin-bottom-xs

u-margin-bottom-s

u-margin-bottom-m

u-margin-bottom-l

u-margin-bottom-xl

u-margin-bottom-xxl

u-margin-left-xxs

u-margin-left-xs

u-margin-left-s

u-margin-left-m

u-margin-left-l

u-margin-left-xl

u-margin-left-xxl

u-margin-all-xxs

u-margin-all-xs

u-margin-all-s

u-margin-all-m

u-margin-all-l

u-margin-all-xl

u-margin-all-xxl

Torna su