Layout | Team System

Horizontal gap

.hgap-* crea un flexbox orizzontale con gap dalla scala spaziature.

Horizontal gap

.hgap-2xs

Uno Due Tre

Modificatori nowrap (ridimensiona la finestra: forza una riga sola dalla soglia in poi)

.sm-nowrap ≥768px · .md-nowrap ≥992px · .lg-nowrap ≥1200px

Uno Due Tre Quattro Cinque Sei

.vgap-* crea un flexbox verticale con gap dalla scala spaziature.

Vertical gap

.vgap-2xs

Uno Due Tre

.row e .mw-* gestiscono griglie responsive e larghezze massime dei contenuti.

Larghezze massime, valore fisso per classe (nessun media query)

.mw-xl 1140px · .mw-lg 994px · .mw-md 790px · .mw-sm 640px · .mw-xs 480px · .mw-2xs 358px

.mw-xl

.mw-lg

.mw-md

.mw-sm

.mw-xs

.mw-2xs

.ratio-16_9 / .ratio-4_3 mantengono un rapporto larghezza/altezza fisso (tecnica padding-top percentuale).

Rapporto fisso

.ratio-16_9 · .ratio-4_3

16:9

4:3