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;