<ul class="breadcrumbs">
    <li><a href="">Lorem ipsum</a></li>
    <li><a href="">Vivamus nisi eros</a></li>
    <li><a href="">Nulla sed lorem risus</a></li>
    <li><a href="" class="current">Current crumb</a></li>
</ul>

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs .current::after,
.breadcrumbs .current::before {
  content: normal;  
}

.breadcrumbs {
  margin: 2em;
  li {
    display: inline-block;
    a {
      position: relative;
      line-height: 35px;
      padding-right: 50px;
      margin-top: 10px;
      color: black !important;
      text-decoration: none;
      &:after {
        position: absolute;
        right: 3px;
        content: "";
        border: 20px solid transparent;
        border-left-color: white;
      }
      &:before {
        position: absolute;
        right: 0;
        content: "";
        border: 20px solid transparent;
        border-left-color: lightblue;
      }
    }
  }
}