Fundação - Menu SASS Referência

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	$menu-margin Define a margem no menu.	Número	0
2	$menu-margin-nested Define a margem para o lado esquerdo em um menu aninhado.	Número	1rem
3	$menu-item-padding 0.7rem 1rem	Número	Define o preenchimento no menu.
4	$menu-icon-spacing Define o espaço entre o texto e o ícone no item de menu.	Número	0,25 rem
5	$menu-expand-max Inclui o número máximo de classes expand-n no CSS.	Número	6

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

O estilo básico é criado para o menu.

@include menu-base;

Expanda o item de menu na mesma largura.

@include menu-expand($count);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$count Número de itens dentro do menu.	Palavra-chave ou número	auto

A direção do menu está definida.

@include menu-direction($dir);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$dir Define a direção do menu horizontal ou verticalmente.	Palavra-chave	horizontal

O menu simples é criado sem preenchimento ou estado de foco.

@include menu-simple;

Os estilos são incluídos para o menu aninhado. Incluirmargin-left para o menu.

@include menu-nested($padding);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$padding Define o comprimento da margem.	Palavra-chave ou número	auto

Os ícones são incluídos no item de menu.

@include menu-icons($position, $base);

Sr. Não.	Nome e Descrição	Tipo	Valor padrão
1	$position Defina a posição dos ícones.	Palavra-chave	lado
2	$base Para chamar o mixin várias vezes no mesmo elemento, defina-o como falso.	boleano	verdadeiro

↰ Previous page