@import "settings";
@import "foundation-sites/scss/components/breadcrumbs";

/// Flag whether or not you want to include bonsai breadcrumb components
/// @type Bool
$bonsai-include-breadcrumbs: $bonsai-include-components !default;

/// Font size for breadcrumb segment
/// @type Number
$bonsai-breadcrumbs-item-font-size: $bonsai-small-font-size !default;

/// Flag to determine if text should be uppercase
/// @type Bool
$bonsai-breadcrumbs-item-uppercase: false !default;

// Foundation configuration
$breadcrumbs-item-font-size: $bonsai-breadcrumbs-item-font-size;
$breadcrumbs-item-uppercase: $bonsai-breadcrumbs-item-uppercase;

/// Gateway mixin for bonsai breadcrumbs
@mixin bonsai-breadcrumbs {
  @if $bonsai-include-breadcrumbs {
    @include foundation-breadcrumbs;

    // Override hard-coded Foundation breadcrumb styles to match general link styles
    .breadcrumbs a:hover {
      text-decoration: none;
    }
  }
}