/* HEADER BAR BREADCRUMBS */
%breadcrumbs {
  margin-left: 2px;
  %breadcrumb {
    margin: 0 3px;
    transition: all 0.15s ease-in-out;
  }
  %breadcrumbArrow {
    transition: all 0.15s ease-in-out;
  }
  %breadcrumbWrapper {
    color: hsla(0, 0%, 100%, 0.3);
    &:hover {
      %breadcrumb {
        color: hsla(0, 0%, 100%, 0.7);
        text-decoration: none;
      }
      %breadcrumbArrow {
        &%directionRight {
          color: hsla(0, 0%, 100%, 0.7);
          transform: rotateY(180deg) rotateZ(-90deg) translateY(3px);
        }
      }
    }
  }
}