# Classi
Elenco delle classi utility pronte all'uso.
Override
Tutti i valori delle classi possono essere modificati overridando le relative variabili scss.
# Typography
Elenco delle classi tipografiche.
# Classi per i font
| Classe | Desc |
|---|---|
| .font-thin | Peso 200 |
| .font-light | Peso 300 |
| .font-regular | Peso 400 |
| .font-semibold | Peso 500 |
| .font-bold | Peso 700 |
| .font-black | Peso 900 |
| .font-neutral-50 / 900 | Font di colore neutral con valori da 50 a 900 |
| .font-neutral-light / main / dark | Font di colore neutral con i tre valori semantici di default |
| .font-primary-50 / 900 | Font di colore primary con valori da 50 a 900 |
| .font-primary-light / main / dark | Font di colore primary con i tre valori semantici di default |
| .font-secondary-50 / 900 | Font di colore secondary con valori da 50 a 900 |
| .font-secondary-light / main / dark | Font di colore secondary con i tre valori semantici di default |
| .font-center, .txt-center, .centered-txt, .centered-font | Font text-align: center |
| .font-left | Font text-align: left |
| .font-right | Font text-align: right |
# Classi per i titoli
| Classe | Desc |
|---|---|
| .h1 | Stesso stile del tag h1 |
| .h2 | Stesso stile del tag h2 |
| .h3 | Stesso stile del tag h3 |
| .h4 | Stesso stile del tag h4 |
| .h5 | Stesso stile del tag h5 |
| .h6 | Stesso stile del tag h6 |
# Spacers
Classi per la gestione delle spaziature, sia margini che padding
Padding
| Classe | Desc |
|---|---|
| .pad, .p | padding tutti i lati (spaziatura default) |
| .pad-ver, .p-v | padding top bottom (spaziatura default) |
| .pad-hor, .p-h | padding left right (spaziatura default) |
| .pad-t, .p-t | padding top (spaziatura default) |
| .pad-b, .p-b | padding bottom (spaziatura default) |
| .pad-l, .p-l | padding left (spaziatura default) |
| .pad-r, .p-r | padding right (spaziatura default) |
| .no-pad, .no-p | elimina padding da tutti i lati (spaziatura default) |
| .no-pad-ver, .no-p-v | elimina padding top bottom (spaziatura default) |
| .no-pad-hor, .no-p-h | elimina padding left right (spaziatura default) |
| .no-pad-t, .no-p-t | elimina padding top (spaziatura default) |
| .no-pad-b, .no-p-b | elimina padding bottom (spaziatura default) |
| .no-pad-l, .no-p-l | elimina padding left (spaziatura default) |
| .no-pad-r, .no-p-r | elimina padding right (spaziatura default) |
Margin
| Classe | Desc |
|---|---|
| .marg, .m | margin tutti i lati (spaziatura default) |
| .marg-ver, .m-v | margin top bottom (spaziatura default) |
| .marg-hor, .m-h | margin left right (spaziatura default) |
| .marg-t, .m-t | margin top (spaziatura default) |
| .marg-b, .m-b | margin bottom (spaziatura default) |
| .marg-l, .m-l | margin left (spaziatura default) |
| .marg-r, .m-r | margin right (spaziatura default) |
| .no-marg, .no-m | elimina margin da tutti i lati (spaziatura default) |
| .no-marg-ver, .no-m-v | elimina margin top bottom (spaziatura default) |
| .no-marg-hor, .no-m-h | elimina margin left right (spaziatura default) |
| .no-marg-t, .no-m-t | elimina margin top (spaziatura default) |
| .no-marg-b, .no-m-b | elimina margin bottom (spaziatura default) |
| .no-marg-l, .no-m-l | elimina margin left (spaziatura default) |
| .no-marg-r, .no-m-r | elimina margin right (spaziatura default) |
# Suffissi
Tutte le classi relative allo spacing supportano i suffissi relativi alle misure dei vari spacers.
| Suffisso | Desc |
|---|---|
| -xxs | spacer xxs |
| -xs | spacer xs |
| -s | spacer s |
| -m | spacer m (spaziatura default) |
| -l | spacer l |
| -xl | spacer xl |
| -xxl | spacer xxl |
# Border radius
| Classi | Desc |
|---|---|
| .border-radius-xs | border-radius tutti i lati xs |
| .border-radius-s | border-radius tutti i lati s |
| .border-radius-m | border-radius tutti i lati m (spaziatura default) |
| .border-radius-l | border-radius tutti i lati l |
| .border-radius-xl | border-radius tutti i lati xl |
← Mixins