GDL - Global Design Language

Breadcrumb 

<span class="u-label-02 u-uppercase u-mb-small"><a class="c-breadcrumb u-px-xxsmall" href="#">item</a>/</span>
 
<span class="u-label-02 u-uppercase u-mb-small"><a class="c-breadcrumb u-px-xxsmall" href="#">{{label}}</a>/</span>
 
{
  "label": "item"
}
  • Content: 
    // Name:            Breadcrumb
// Description:     Breadcrumb for ufing orientation
//
// Component:       `c-Breadcrumb`
//
// Dependencies:    `settings/v7/colors.tokens`
//                  `settings/v7/colors.themes`
//                  `settings/v7/colors.mode`
//                  `settings/v7/global`
//                  `settings/v7/spacing.tokens`
//
// ========================================================================

.c-breadcrumb {
  --breadcrumb-color: #e91f63; // TODO: Add color to colors.map
  --breadcrumb-decoration: none;
  color: var(--breadcrumb-color);
  text-decoration: var(--breadcrumb-decoration);

  &:hover {
    --breadcrumb-decoration: underline;
  }
}
  • URL: /components/raw/breadcrumb/_breadcrumb.scss
  • Filesystem Path: src/lib/components/breadcrumb/_breadcrumb.scss
  • Size: 692 Bytes

No notes defined.