Customised colours - Breadcrumb example

index.html

<!-- This code example is not the same as GOV.UK Frontend, and is just for demonstration -->
<style>
.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.breadcrumbs > li {
  display: inline-block;
}
.breadcrumbs > li:not(:first-child)::before {
  content: '';
  display: inline-block;
  width: .5em;
  height: .5em;
  transform: rotate(45deg);
  border: solid;
  border-width: 1px 1px 0 0;
  margin-right: .5em;
  margin-left: .2em;
}
</style>
<ol class="breadcrumbs">
  <li>
    <a href="#">Home</a>
  </li>
  <li>
    <a href="#">Passports, travel and living abroad</a>
  </li>
  <li aria-current="page">Travel abroad</li>
</ol>