Fundación - Navegación Breadcrumbs

Descripción

Una ruta de navegación especifica la ubicación actual de un sitio dentro de la jerarquía de navegación. Es útil cuando se accede a un gran número de páginas de un sitio web. Una ruta de navegación en Foundation es simplemente una lista desordenada con una clase de .breadcrumb . Para obtener información detallada, consulte este capítulo .

Referencia SASS

Variables

Puede cambiar los estilos de los componentes utilizando las siguientes variables SASS que se enumeran en la tabla.

No Señor.	Nombre y descripción	Tipo	Valor por defecto
1	$breadcrumbs-margin Alrededor del recipiente de pan rallado se establece el margen.	Número	0 0 $ margen global 0
2	$breadcrumbs-item-font-size Establece el tamaño de fuente para el elemento de ruta de navegación.	Número	rem-calc (11)
3	$breadcrumbs-item-color Establece el color del elemento de ruta de navegación.	Color	$ color primario
4	$breadcrumbs-item-color-current Establece el color del elemento de ruta de navegación actual.	Color	$ negro
5	$breadcrumbs-item-color-disabled El elemento de ruta de navegación está desactivado.	Número	$ gris medio
6	$breadcrumbs-item-margin Establece el margen entre los elementos de la ruta de navegación.	Número	0.75rem
7	$breadcrumbs-item-uppercase Hace que el elemento de ruta de navegación esté en mayúsculas.	Booleano	cierto
8	$breadcrumbs-item-slash Incluye barra entre los elementos de la ruta de navegación.	Booleano	cierto

Mixin

Puede usar los mixins para construir la estructura de clases CSS para sus componentes como se enumera en la tabla:

contenedor de migas de pan

Incluye estilos para el contenedor de ruta de navegación con el estilo del elemento <li> <a> presente en su interior.

@include breadcrumbs-container;