Violin.css

Breadcrumbs 

<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. */
  • 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

There are no notes for this item.