// INK:NAVIGATION:BREADCRUMBS
.#{$navigation-class-name} {

    ul {

        &.breadcrumbs {
            font-weight: $navigation-font-weight;
            @include border-radius($navigation-border-radius);
            
            // defines default theme
            @include nav-breadcrumbs();

            // defines custom themes
            &.white     { @include nav-breadcrumbs($white); }
            &.grey      { @include nav-breadcrumbs($grey-15); }
            &.black     { @include nav-breadcrumbs($grey-90); }
            &.blue      { @include nav-breadcrumbs($blue); }
            &.orange    { @include nav-breadcrumbs($orange); }
            &.green     { @include nav-breadcrumbs($green); }
            &.red       { @include nav-breadcrumbs($red); }
        }
    }
}