Guida di stile
La guida di stile contiene stili e componenti importanti che vengono utilizzati in tutto il modello.
La guida di stile contiene stili e componenti importanti che vengono utilizzati in tutto il modello.
Stili principali per le dimensioni del testo utilizzati in tutto il modello.
Intestazione
3XL
Intestazione
2XL
Tutti i titoli H1
Intestazione
XL
Tutti i titoli H2
Intestazione
L
Tutti i titoli H3
Intestazione
M
Tutti i titoli H4
Intestazione
S
Tutti i titoli H5
Intestazione
Taglia XS
Tutti i titoli H6
Paragrafo
L
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragrafo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragrafo
S
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Colore del testo Bianco
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Citazione a blocchi
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Elenco non ordinato
Elenco ordinato
Collegamento
Collegamento testualeI colori utilizzati in tutto il sito web. Queste classi possono essere aggiunte a qualsiasi elemento per modificare il colore di sfondo.
Neutro 100
Neutro 200
Neutro 300
Neutro 600
Neutro 950
Verde 50
Verde 100
Verde 200
Verde 400
Verde 700
Bianco
La maggior parte del modello utilizza un sistema di layout a 12 colonne. Il numero di colonne occupate da un blocco è indicato dal nome della classe. Le modifiche ai breakpoint per tablet e dispositivi mobili possono essere apportate tramite classi combinate.
Colonna
Scrivania 1
Tavoletta 1
Cellulare 1
Colonna
Scrivania 2
Tavoletta 2
Cellulare 2
Colonna
Scrivania 3
Tavoletta 3
Cellulare 3
Colonna
Scrivania 4
Tavoletta 4
Cellulare 4
Colonna
Desktop 5
Tavoletta 5
Cellulare 5
Colonna
Desktop 6
Tavoletta 6
Cellulare 6
Colonna
Desktop 7
Tavoletta 7
Cellulare 7
Colonna
Desktop 8
Tavoletta 8
Cellulare 8
Colonna
Desktop 9
Tavoletta 9
Cellulare 9
Colonna
Desktop 10
Tavoletta 10
Cellulare 10
Colonna
Desktop 11
Tavoletta 11
Cellulare 11
Colonna
Desktop 12
Tavoletta 12
Cellulare 12
12 colonne
Contenitore padre utilizzato per le classi di colonne sopra indicate.
12 colonne
Allinea in alto
Allinea gli elementi figlio uno sopra l'altro.
12 colonne
Allinea in basso
Allinea gli elementi figlio uno alla base dell'altro.
12 colonne
Allinea allunga
Allunga tutti gli elementi figlio per adattarli all'elemento più alto.
12 colonne
Giustifica a sinistra
Giustifica gli elementi figlio a sinistra delle colonne.
12 colonne
Giustificare il diritto
Giustifica gli elementi figlio a destra delle colonne.
12 colonne
Inversione
Inverte l'ordine degli elementi figlio.
Stili predefiniti dei campi modulo per tutti i moduli utilizzati sul sito.
.png)