Foundation - Referência de Plugins Abide SASS

Variáveis

Você pode alterar os estilos dos componentes usando as seguintes variáveis ​​SASS, conforme listado na tabela.

Sr. Não. Nome e Descrição Tipo Valor padrão
1

$abide-inputs

Estilos de erro incluídos nas entradas.

 boleano verdadeiro
2

$abide-labels

Estilos de erro incluídos nas etiquetas.

 boleano verdadeiro
3

$input-background-invalid

Define a cor de fundo das entradas de texto inválidas.

 Cor $ alert-color
4

$form-label-color-invalid

Defina as cores dos rótulos de entrada inválida.

 Cor $ alert-color
5

$input-error-color

Define a cor da fonte padrão do texto de erro no formulário.

 Cor $ alert-color
6

$input-error-font-size

Define o tamanho da fonte padrão do texto de erro no formulário.

 Número rem-calc (12)
7

$input-error-font-weight

Define a espessura da fonte padrão do texto de erro no formulário.

 Palavra-chave $ global-weight-bold

Mixin

Você pode usar os mixins para construir a estrutura de classes CSS de seus componentes conforme listado na tabela.

form-input-error

Para o estado de erro, os estilos são incluídos para o plano de fundo e a borda de um campo de entrada.

@include form-input-error($background);

Sr. Não. Parâmetro e Descrição Tipo Valor padrão
1

$background

Conjunto de cores da borda e do plano de fundo.

 Cor $ alert-color

erro de formulário

Usando valores no arquivo de configuração, estilos de erro são incluídos em um elemento de formulário.

@include form-error;