Fundação - Top Bar SASS Reference

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

$topbar-padding

Define o preenchimento da barra superior.

Número 0,5em
2

$topbar-background

A cor de fundo é definida para a barra superior.

Cor $ cinza claro
3

$topbar-link-color

Define a cor do link que está presente no menu da barra superior.

Cor $ cor primária
4

$topbar-input-width

Defina a largura na barra superior para o elemento <input> .

Número 200px

Mixins

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

top-bar-container

Inclui estilos no contêiner da barra superior.

@include top-bar-container;

barra superior empilhada

Empilha o menu da barra superior.

@include top-bar-stacked;