/** @class Ext.toolbar.Breadcrumb */
// 
 
// Some breadcrumb vars derive their values from toolbar vars, so make sure we have imported 
// the Toolbar vars first since there is no dependency at the class-level.  This means 
// Toolbar vars might get imported twice but that is not a problem since the variables 
// are !default - the second import will be effectively ignored. 
@import 'Toolbar';
 
/**
 * @var {string}
 * The UI of buttons that are used in the "default" breadcrumb UI
 */
$breadcrumb-button-ui: 'default-toolbar' !default;
 
/**
 * @var {number}
 * The space between the breadcrumb buttons
 */
$breadcrumb-button-spacing: 0px !default;
 
/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `false`
 */
$breadcrumb-arrow-width: $button-small-split-width !default;
 
/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `true`
 */
$breadcrumb-split-width: $button-small-split-width !default;
 
/**
 * @var {string}
 * The background-image for the default "folder" icon
 */
$breadcrumb-folder-icon: 'tree/folder' !default;
 
/**
 * @var {string}
 * The background-image for the default "leaf" icon
 */
$breadcrumb-leaf-icon: 'tree/leaf' !default;
 
/**
 * @var {boolean}
 * `true` to include a separate background-image for menu arrows when a breadcrumb button's
 * menu is open
 */
$breadcrumb-include-menu-active-arrow: true !default;
 
/**
 * @var {boolean}
 * `true` to include a separate background-image for split arrows when a breadcrumb button's
 * arrow is hovered
 */
$breadcrumb-include-split-over-arrow: true !default;
 
/**
 * @var {number}
 * The width of Breadcrumb scrollers
 */
$breadcrumb-scroller-width: $toolbar-scroller-width !default;
 
/**
 * @var {number}
 * The height of Breadcrumb scrollers
 */
$breadcrumb-scroller-height: $toolbar-scroller-height !default;
 
/**
 * @var {color}
 * The border-color of Breadcrumb scrollers
 */
$breadcrumb-scroller-border-color: $toolbar-scroller-border-color !default;
 
/**
 * @var {number}
 * The border-width of Breadcrumb scrollers
 */
$breadcrumb-scroller-border-width: $toolbar-scroller-border-width !default;
 
/**
 * @var {number/list}
 * The margin of "top" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-top-margin: $toolbar-scroller-top-margin !default;
 
/**
 * @var {number/list}
 * The margin of "right" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-right-margin: $toolbar-scroller-right-margin !default;
 
/**
 * @var {number/list}
 * The margin of "bottom" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-bottom-margin: $toolbar-scroller-bottom-margin !default;
 
/**
 * @var {number/list}
 * The margin of "left" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-left-margin: $toolbar-scroller-left-margin !default;
 
/**
 * @var {string}
 * The cursor of Breadcrumb scrollers
 */
$breadcrumb-scroller-cursor: $toolbar-scroller-cursor !default;
 
/**
 * @var {string}
 * The cursor of disabled Breadcrumb scrollers
 */
$breadcrumb-scroller-cursor-disabled: $toolbar-scroller-cursor-disabled !default;
 
/**
 * @var {number}
 * The opacity of Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity: $toolbar-scroller-opacity !default;
 
/**
 * @var {number}
 * The opacity of hovered Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-over: $toolbar-scroller-opacity-over !default;
 
/**
 * @var {number}
 * The opacity of pressed Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-pressed: $toolbar-scroller-opacity-pressed !default;
 
/**
 * @var {number}
 * The opacity of disabled Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-disabled: $toolbar-scroller-opacity-disabled !default;
 
/**
 * @var {boolean}
 * `true` to use classic-style scroller buttons.  When `true` scroller buttons are given their
 * hover state by changing their background-position,  When `false` scroller buttons are
 * given their hover state by applying opacity.
 */
$breadcrumb-classic-scrollers: $toolbar-classic-scrollers !default;
 
/**
 * @var {boolean}
 * `true` to include the "default" breadcrumb UI
 */
$include-breadcrumb-default-ui: true !default;