Fundación - Los complementos cumplen con la referencia de SASS
Variables
Puede cambiar los estilos de los componentes utilizando las siguientes variables SASS que se enumeran en la tabla.
No Señor. | Nombre y descripción | Tipo | Valor por defecto |
---|---|---|---|
1 |
$abide-inputs Estilos de error incluidos en las entradas. |
Booleano | cierto |
2 |
$abide-labels Estilos de error incluidos en las etiquetas. |
Booleano | cierto |
3 |
$input-background-invalid Establece el color de fondo de las entradas de texto no válidas. |
Color | $ color de alerta |
4 |
$form-label-color-invalid Establecer colores de las etiquetas de entrada no válida. |
Color | $ color de alerta |
5 |
$input-error-color Establece el color de fuente predeterminado del texto de error en el formulario. |
Color | $ color de alerta |
6 |
$input-error-font-size Establece el tamaño de fuente predeterminado del texto de error en el formulario. |
Número | rem-calc (12) |
7 |
$input-error-font-weight Establece el peso de fuente predeterminado del texto de error en el formulario. |
Palabra clave | $ global-weight-bold |
Mixin
Puede usar los mixins para construir la estructura de clases CSS de sus componentes como se enumera en la tabla.
error de entrada de formulario
Para el estado de error, los estilos se incluyen para el fondo y el borde de un campo de entrada.
@include form-input-error($background);
No Señor. | Descripción de parámetros | Tipo | Valor por defecto |
---|---|---|---|
1 |
$background Conjunto de colores del borde y el fondo. |
Color | $ color de alerta |
error de forma
Usando valores en el archivo de configuración, los estilos de error se incluyen en un elemento de formulario.
@include form-error;