Violin.css

# Breadcrumbs

Ready

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <nav class="inv-breadcrumbs">
        <ul>
            <li><a href="#">Pontos de Venda</a></li>
            <li class="inv-breadcrumbs--active"><a href="#">Novo</a></li>
        </ul>
    </nav>

`
`

    <nav class="inv-breadcrumbs">
      <ul>
        <li><a href="#">Pontos de Venda</a></li>
        <li class="inv-breadcrumbs--active"><a href="#">Novo</a></li>
      </ul>
    </nav>

`
`

    /* No context defined for this component. */

`
File:

- Content:
  `

      .inv-breadcrumbs {
        white-space: nowrap;
        font-size: var(--font-title--size);
      }

      .inv-breadcrumbs ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;
      }

      .inv-breadcrumbs li {
        display: flex;
        align-items: center;
      }

      .inv-breadcrumbs a {
        align-items: center;
        color: var(--color-default--dark);
        display: flex;
        justify-content: center;
        text-decoration: none;
      }

      .inv-breadcrumbs--active a {
        color: var(--color-primary--dark);
        cursor: default;
        pointer-events: none;
      }

      .inv-breadcrumbs li:first-child a {
        padding-left: 0;
      }

      .inv-breadcrumbs li + li::before {
        color: var(--color-default--dark);
        content: "\0002f";
        margin-left: 6px;
        margin-right: 6px;
      }

  `
- URL: /components/raw/breadcrumbs/breadcrumbs.css
- Filesystem Path: src/components/breadcrumbs/breadcrumbs.css
- Size: 727 Bytes

- Handle: @breadcrumbs
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/breadcrumbs/breadcrumbs.hbs

There are no notes for this item.