Fundação - trilhas de navegação

Descrição

Uma localização atual especifica a localização atual de um site na hierarquia de navegação. É útil ao acessar grande número de páginas de um site. Um breadcrumb no Foundation é simplesmente uma lista não ordenada com uma classe de .breadcrumb . Para obter informações detalhadas, consulte este capítulo .

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

$breadcrumbs-margin

Em torno do contêiner de localização atual, a margem é definida.

Número 0 0 $ margem global 0
2

$breadcrumbs-item-font-size

Define o tamanho da fonte para o item breadcrumb.

Número rem-calc (11)
3

$breadcrumbs-item-color

Define a cor do item de breadcrumb.

Cor $ cor primária
4

$breadcrumbs-item-color-current

Define a cor do item atual do breadcrumb.

Cor $ preto
5

$breadcrumbs-item-color-disabled

O item breadcrumb está desativado.

Número $ cinza médio
6

$breadcrumbs-item-margin

Define a margem entre os itens do breadcrumb.

Número 0,75 rem
7

$breadcrumbs-item-uppercase

Torna o item breadcrumb em maiúsculas.

boleano verdadeiro
8

$breadcrumbs-item-slash

Inclui barra entre os itens do breadcrumb.

boleano verdadeiro

Mixin

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

recipiente de migalhas de pão

Inclui estilos para o contêiner de localização atual com o estilo do elemento <li> <a> presente dentro dele.

@include breadcrumbs-container;