Fundação - Referência do rótulo SASS
Descrição
Você pode alterar os estilos dos componentes usando a Referência SASS.
Variáveis
A tabela a seguir lista as variáveis SASS no arquivo de configurações do projeto que faz com que os estilos padrão deste componente sejam personalizados.
| Sr. Não. | Nome e Descrição | Tipo | Valor padrão |
|---|---|---|---|
| 1 | $label-background Ele representa a cor de fundo padrão do rótulo. |
Cor | $ cor primária |
| 2 | $label-color Ele representa a cor de texto padrão do rótulo. |
Cor | foreground ($ label-background) |
| 3 | $label-font-size Ele representa o tamanho da fonte padrão do rótulo. |
Número | 0.8rem |
| 4 | $label-padding Ele representa o preenchimento interno padrão do rótulo. |
Número | 0,33333 rem 0,5 rem |
| 5 | $label-radius Ele representa o raio padrão do rótulo. |
Número | $ global-radius |
Mixins
Para construir a saída CSS final deste componente, os seguintes mixins podem ser usados. Para construir sua própria estrutura de classes usando componentes Foundation, você mesmo pode usar os mixins.
rótulo
@include label;É usado para gerar os estilos básicos de um rótulo.