Stili
Questa pagina mostra gli stili per gli elementi standard della pagina, come la tipografia, gli elementi dei moduli e le icone. Questi sono codificati in un file di modello di pagina alternativo, chiamato
pagina.stili.liquido.
Tipografia
Prima voce
Rubrica due
Rubrica tre
Rubrica 4
Rubrica cinque
Rubrica sei
Rubriche RTE
DIECI rubrica uno
DIECI rubrica due
DIECI rubrica tre
DIECI rubrica quattro
DIECI rubrica cinque
DIECI voce sei
Paragrafi
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.
Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Stili di tipo
- Forte
- Enfasi
- Collegamento in linea
- Sciopero
- Sup
Citazioni a blocchi
Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
L'autore della citazione
Elenchi
|
|
Pallottola numerica
|
|
Elenchi di bambini (per adattarli agli stili RTE) |
|
Tabelle reattive
| Ordina | Data | Stato del pagamento | Stato di adempimento | Totale |
|---|---|---|---|---|
| #1001 | 22 dicembre 2015 | Autorizzato | Incompiuto | $43.03 |
| #1002 | 23 dicembre 2015 | Autorizzato | Incompiuto | $44.03 |
| #1003 | 24 dicembre 2015 | Autorizzato | Incompiuto | $45.03 |
| #1004 | 25 dicembre 2015 | Autorizzato | Incompiuto | $46.03 |
| #1005 | 26 dicembre 2015 | Autorizzato | Incompiuto | $47.03 |
| #1006 | 27 dicembre 2015 | Autorizzato | Incompiuto | $48.03 |
Moduli
Elementi predefiniti del modulo
Etichette invisibili
Aggiungere una classe di
etichetta-nascosta
a un'etichetta per nasconderla visivamente, mantenendola accessibile agli screen reader. Utilizzare il
segnaposto
come etichetta visibile.
Nota:
Il
segnaposto
funziona solo in IE10+, quindi le etichette invisibili sono disabilitate in IE9 e successivi.
Moduli verticali (clienti, contatti, ecc.)
Non esistono stili per questo in Slate, ma sono utilizzati nella maggior parte dei temi. Gli elementi di stile all'interno di un form/div con la classe `form-vertical` sono visualizzati qui.
Non è possibile aggiungere una classe direttamente alla maggior parte degli elementi del modulo liquido (ad es.
{% modulo 'contatto' %}
). Invece, avvolgere il modulo in un div con la classe
.modulo-verticale
per ottenere lo stesso effetto.
Note ed errori di forma
Non esistono stili di nota in Slate, ma vengono comunemente aggiunti per gestire gli errori dei moduli. Esempi di stili:
.note {
padding: 20px;
border: 1px solid #ccc;
}
.note--success {
border-color: green;
background-color: lightgreen;
}
.note--error {
border-color: red;
background-color: lightred;
}
Esempio di utilizzo:
<p class="note note--success">Thanks for submitting the form</p>
<div class="note note--error">
</div>
Si tratta di un messaggio di errore.
- I proiettili possono offrire una maggiore comprensione dell'errore
Pulsanti
Inversione dei pulsanti predefinita (nessuna impostazione predefinita)
Pulsante ampio (non predefinito)
Elementi vari
Regole orizzontali
Non ci sono impostazioni predefinite
hr
in Slate, ma questi sono quelli più comuni da aggiungere.
Predefinito
hr
Invisibile
hr.hr-chiaro
Piccolo
hr.hr--piccolo
Icone SVG
Per saperne di più sull'uso, la creazione e la modifica delle icone SVG, consultare la documentazione di Slate.