.vs-breadcrumb
  display flex
  &.vs-align-left
    justify-content: flex-start
  &.vs-align-center
    justify-content: center
  &.vs-align-right
    justify-content: flex-end

  .disabled-link
    opacity: .5
    pointer-events: none;

.vs-breadcrumb--ol
  display flex
  flex-wrap wrap
  padding .75rem 1rem
  list-style-type none
  li.vs-active
    cursor: default;
  a
    transition: all .2s ease
    color: rgba(0, 0, 0, 0.4);
    &:hover
    &:focus
      // opacity .7
      color: rgba(0, 0, 0, 0.7);
      text-decoration none



.vs-breadcrum--separator
  color rgba(0, 0, 0, 0.4)
  padding 0 .5rem 0 .5rem
  &.material-icons
    vertical-align: middle
    // margin-top: -2px
    font-size inherit



for colorx, i in $vs-colors
  .vs-breadcrumb-text-{colorx}
    color: getColor(colorx, 1)