causeway-standard-theme/causeway/components/breadcrumb.less

.breadcrumb {
  background: transparent;
  display: inline-block;
  padding: 0;
  margin: 17px 10px 17px 0;
  height: 34px;
  line-height: 34px;

  > li + li {
    &:before {
      color: inherit;
    }
    &.dropdown {
      &:before {
        padding-right: 0;
        margin-right: -3px;
      }
    }
  }

  > li {
    > a {
      font-weight: bold;
      color: inherit;
      text-decoration: underline;
      display: inline-block;
    }
    &:last-child {
      > a {
        text-decoration: none;
        cursor: default;
      }
    }
    &.dropdown {
      text-decoration: none;
      &.open {
        > a {
          background-color: @enterprise-blue;
          color: @white;
        }
      }
      > a {
        padding: 0 5px;
        text-decoration: none;
        cursor: pointer;
        &:hover, &:active {
          background-color: @enterprise-blue;
          color: @white;
        }
      }
    }
    ul {
      list-style: none;
      color: @black080;
    }
  }

  .dropdown-menu {
    left: auto;
    right: 0;
    text-align: left;
    li {
      &.selected {
        color: @black020;
        > a {
          color: inherit;
          &:hover, &:active {
            color: inherit;
            background-color: inherit;
          }
        }
      }
      line-height: 1.5;
      a {
        padding: 3px 20px;
        font-weight: normal;
        text-decoration: none;
        display: block;
        color: inherit;
        &:hover, &:active {
          background-color: @enterprise-blue;
          color: @white;
        }
      }
      ul {
        padding: 0;
        li {
          > a {
            padding-left: 30px;
          }
        }
      }
    }
    > li {
      &.link {
        a {
          color: @blue;
          font-weight: bold;
          text-decoration: underline;
          &:hover, &:active {
            background-color: transparent;
            color: darken(@blue, 20%);;
          }
        }
      }
    }
  }
}
.additional-nav-info{
  .breadcrumb {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media @desktop{
  .breadcrumb{
    display: block;
    height: auto;
    li{
      display: block;
      a{
        font-weight: normal;
        display: block;
      }
    }
  }
  .breadcrumb>li+li:before{
    content: none;
  }
  .breadcrumb > li > a:hover, .breadcrumb > li > a:focus {
    background-color: @enterprise-blue;
    color: @white;
  }
}