Fundação - Referência Sass do Painel Suspenso

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

$dropdown-padding

Ele define o preenchimento do painel suspenso.

 Lista 1rem
2

$dropdown-border

Ele define Borda para o painel suspenso.

 Lista 1px sólido $ médio-cinza
3

$dropdown-font-size

Ele exibe o tamanho da fonte para o painel suspenso.

 Lista 16 rem
4

$dropdown-width

Ele especifica a largura do painel suspenso.

 Número 300px
5

$dropdown-radius

Ele determina o raio da borda dos painéis suspensos.

 Número $ global-radius
6

$dropdown-sizes

Ele define os tamanhos dos painéis suspensos.

 Mapa 
tiny: 100px
small: 200px
large: 400px

Mixins

Você pode usar os mixins para construir a estrutura de classes CSS para os componentes do painel suspenso. Você pode incluir estilos para o menu suspenso básico usando o seguinte mixin -

@include dropdown-container;