@mixin breadcrumbs (
    $breadcrumb-text-size: $text-size
) {
    .breadcrumb {
        font-size: $breadcrumb-text-size;
        padding: $breadcrumb-padding;

        @if $breadcrumb-background-color != null {
            background-color: $breadcrumb-background-color;

            @if $breadcrumb-gradient == true {
                @include background-gradient($breadcrumb-background-color, matte)
            }


        }

        @if $breadcrumb-border-color != null {
            border-color: $breadcrumb-border-color;
            border-style: $breadcrumb-border-style;
            border-width: $breadcrumb-border-width;
        }

        @if top($breadcrumb-border-radius) > 0 {
            @include radius($breadcrumb-border-radius);
        }
    }
}

.divider {
    padding: 0 5px;
    color: lighten($text-color, 20%);
}