Fundação - Referência 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 | $accordion-background Ele define a cor de fundo padrão de um grupo de acordeão. |
Cor | $ branco |
| 2 | $accordion-plusminus Você pode adicionar ícones de mais e menos ao lado de cada título de acordeão definindo-o como verdadeiro. |
boleano | verdadeiro |
| 3 | $accordion-item-color Ele exibe a cor de texto padrão para itens em um menu. |
Cor | primeiro plano ($ fundo-acordeão, $ cor-primária) |
| 4 | $accordion-item-background-hover Cor de fundo padrão ao pairar para itens em um Menu. |
Cor | $ cinza claro |
| 5 | $accordion-item-padding Preenchimento padrão de um item de acordeão. |
Número ou lista | 1.25rem 1rem |
| 6 | $accordion-content-background Fornece a cor de fundo do conteúdo da guia. |
Cor | $ branco |
| 7 | $accordion-content-border Fornece a cor da borda do conteúdo da guia. |
Cor | 1px sólido $ cinza claro |
| 8 | $accordion-content-color Ele especifica a cor do texto do conteúdo da guia. |
Cor | primeiro plano ($ fundo-acordeão, $ cor-primária) |
| 9 | $accordion-content-padding Exibe o preenchimento do conteúdo da guia. |
Número ou lista | 1rem |
Mixins
Você pode usar os mixins para construir a estrutura de classes CSS para seus componentes, conforme listado na tabela.
| Sr. Não. | Nome e Descrição | Formato |
|---|---|---|
| 1 | accordion-container Inclui os estilos de um contêiner de acordeão. |
@include Accordion-container |
| 2 | accordion-title Ele define o título de um item de acordeão. |
@include Accordion-title |
| 3 | accordion-content Ele fornece estilos para o conteúdo do acordeão. |
@include Accordion-content |