// =============================================================================
// BREADCRUMBS (Settings)
// =============================================================================


// Bigcommerce Variables
// -----------------------------------------------------------------------------
//
// These scoped variables are created by Bigcommerce.
// All variables that are not from Foundation should be placed here.
//
// 1. Choose whether to include the Bigcommerce class names
//
// -----------------------------------------------------------------------------

$exportCSS--breadcrumbs:            $exportCSS !default; // 1

$crumb-hover-color:                 color("primary") !default;

$crumb-lineHeight:                  1.6 !default;
$crumb-lineHeight--xSmallUp:        1 !default;

$crumb-slash-margin:                0 spacing("third") !default;
$crumb-slash-margin--xSmallUp:      0 spacing("half") !default;

$crumb-link-hover-decor:            none !default;
$crumb-link-cursor:                 $cursor-pointer-value !default;
$crumb-link-cursor-current:         $cursor-default-value !default;
$crumb-link-cursor-unavailable:     $cursor-default-value !default;


// Foundation Variables
// -----------------------------------------------------------------------------
//
// These variables come directly from:
// /vendor/foundation/foundation/components/*
// Declaring the variables here, you can adjust them all to your design,
// leaving the vendor framework untouched.
//
// -----------------------------------------------------------------------------

$include-html-nav-classes:          $include-html-classes !default;

// We use this to set the background color for the breadcrumb container.
$crumb-bg:                          none !default;

// We use these to set the padding around the breadcrumbs.
$crumb-padding:                     spacing("half") 0 !default;
$crumb-side-padding:                0 !default;

// We use these to control border styles.
$crumb-function-factor:             -10% !default;
$crumb-border-size:                 0 !default;
$crumb-border-style:                none !default;
$crumb-border-color:                container("borderColor") !default;
$crumb-radius:                      0 !default;

// We use these to set various text styles for breadcrumbs.
$crumb-font-size:                   fontSize("smallest") !default;
$crumb-font-color:                  color("greys", "darker") !default;
$crumb-font-color-current:          color("greys") !default;
$crumb-font-color-unavailable:      color("greys", "light") !default;
$crumb-font-transform:              inherit !default;
$crumb-link-decor:                  none !default;

// We use these to control the slash between breadcrumbs
$crumb-slash-color:                 color("greys") !default;
$crumb-slash:                       "/" !default;
$crumb-slash-position:              1px !default;