Foundation - I plugin rispettano il riferimento SASS
Variabili
È possibile modificare gli stili dei componenti utilizzando le seguenti variabili SASS elencate nella tabella.
| Sr.No. | Nome e descrizione | genere | Valore predefinito |
|---|---|---|---|
| 1 | $abide-inputs Stili di errore inclusi negli input. |
Booleano | vero |
| 2 | $abide-labels Stili di errore inclusi nelle etichette. |
Booleano | vero |
| 3 | $input-background-invalid Imposta il colore di sfondo degli input di testo non validi. |
Colore | $ alert-color |
| 4 | $form-label-color-invalid Imposta i colori delle etichette di input non valido. |
Colore | $ alert-color |
| 5 | $input-error-color Imposta il colore del carattere predefinito del testo dell'errore nel modulo. |
Colore | $ alert-color |
| 6 | $input-error-font-size Imposta la dimensione del carattere predefinita del testo dell'errore nel modulo. |
Numero | rem-calc (12) |
| 7 | $input-error-font-weight Imposta lo spessore del carattere predefinito del testo dell'errore nel modulo. |
Parola chiave | $ global-weight-bold |
Mixin
Puoi usare i mixin per costruire la struttura della classe CSS dei tuoi componenti come elencato nella tabella.
form-input-error
Per lo stato di errore, gli stili sono inclusi per lo sfondo e il bordo di un campo di input.
@include form-input-error($background);| Sr.No. | Parametro e descrizione | genere | Valore predefinito |
|---|---|---|---|
| 1 | $background Set di colori del bordo e dello sfondo. |
Colore | $ alert-color |
errore di forma
Utilizzando i valori nel file di impostazione, gli stili di errore vengono inclusi in un elemento del modulo.
@include form-error;