CSS Styles

If you choose to use the CSS files of Astro Breadcrumbs, you can use the following CSS variables to customize the look and feel of the component.

The CSS File is the compiled version of the SCSS file, using there SCSS default variables.

—color-link-breadcrumbs

Default: $color-link default value @see

Defines the color rule for c-breadcrumbs__link.

Default: $size-font default value @see

Sets the font size of the breadcrumbs.

Default: $spacing-vertical-separator default value @see

Controles the vertical spacing of the separator.

---
import "astro-breadcrumbs/breadcrumbs.css";
---