/** @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: dynamic('default-toolbar');

/**
 * @var {number}
 * The space between the breadcrumb buttons
 */
$breadcrumb-button-spacing: dynamic(0px);

/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `false`
 */
$breadcrumb-arrow-width: dynamic($button-small-split-width);

/**
 * @var {number}
 * The width of breadcrumb arrows when {@link #useSplitButtons} is `true`
 */
$breadcrumb-split-width: dynamic($button-small-split-width);

/**
 * @var {string}
 * The background-image for the default "folder" icon
 */
$breadcrumb-folder-icon: dynamic('tree/folder');

/**
 * @var {string}
 * The background-image for the default "open folder" icon
 */
$breadcrumb-folder-open-icon: dynamic('tree/folder-open');

/**
 * @var {string}
 * The background-image for the default "leaf" icon
 */
$breadcrumb-leaf-icon: dynamic('tree/leaf');

/**
 * @var {number}
 * The font size to use for breadcrumb icons when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-glyph-font-size: dynamic(16px);

/**
 * @var {color}
 * The color to use for breadcrumb icons when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-glyph-color: dynamic($button-toolbar-glyph-color);

/**
 * @var {string/list}
 * Glyph for the "folder" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-folder-glyph: dynamic($fa-var-folder-o $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {color}
 * The color to use for the "folder" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-folder-glyph-color: dynamic($breadcrumb-glyph-color);

/**
 * @var {string/list}
 * Glyph for the "open folder" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-folder-open-glyph: dynamic($fa-var-folder-open-o $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {color}
 * The color to use for the "open folder" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-folder-open-glyph-color: dynamic($breadcrumb-folder-glyph-color);

/**
 * @var {string/list}
 * Glyph for the "leaf" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-leaf-glyph: dynamic($fa-var-file-o $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {color}
 * The color to use for the "leaf" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-leaf-glyph-color: dynamic($breadcrumb-glyph-color);

/**
 * @var {string/list}
 * Glyph for the "arrow" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-arrow-glyph: dynamic($fa-var-angle-right $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {string/list}
 * Glyph for the "arrow" icon when {@link Global_CSS#$enable-font-icons} is `true` and rtl is `true`.
 */
$breadcrumb-arrow-glyph-rtl: dynamic($fa-var-angle-left $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {color}
 * The color to use for the "arrow" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-arrow-glyph-color: dynamic($breadcrumb-glyph-color);

/**
 * @var {string/list}
 * Glyph for the "expanded arrow" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-arrow-expanded-glyph: dynamic($fa-var-angle-down $breadcrumb-glyph-font-size $font-icon-font-family);

/**
 * @var {color}
 * The color to use for the "expanded arrow" icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$breadcrumb-arrow-expanded-glyph-color: dynamic($breadcrumb-arrow-glyph-color);

/**
 * @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: dynamic(true);

/**
 * @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: dynamic(true);

/**
 * @var {number}
 * The width of Breadcrumb scrollers
 */
$breadcrumb-scroller-width: dynamic($toolbar-scroller-width);

/**
 * @var {number}
 * The height of Breadcrumb scrollers
 */
$breadcrumb-scroller-height: dynamic($toolbar-scroller-height);

/**
 * @var {color}
 * The border-color of Breadcrumb scrollers
 */
$breadcrumb-scroller-border-color: dynamic($toolbar-scroller-border-color);

/**
 * @var {number}
 * The border-width of Breadcrumb scrollers
 */
$breadcrumb-scroller-border-width: dynamic($toolbar-scroller-border-width);

/**
 * @var {number/list}
 * The margin of "top" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-top-margin: dynamic($toolbar-scroller-top-margin);

/**
 * @var {number/list}
 * The margin of "right" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-right-margin: dynamic($toolbar-scroller-right-margin);

/**
 * @var {number/list}
 * The margin of "bottom" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-bottom-margin: dynamic($toolbar-scroller-bottom-margin);

/**
 * @var {number/list}
 * The margin of "left" Breadcrumb scroller buttons
 */
$breadcrumb-scroller-left-margin: dynamic($toolbar-scroller-left-margin);

/**
 * @var {string}
 * The cursor of Breadcrumb scrollers
 */
$breadcrumb-scroller-cursor: dynamic($toolbar-scroller-cursor);

/**
 * @var {string}
 * The cursor of disabled Breadcrumb scrollers
 */
$breadcrumb-scroller-cursor-disabled: dynamic($toolbar-scroller-cursor-disabled);

/**
 * @var {number}
 * The opacity of Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity: dynamic($toolbar-scroller-opacity);

/**
 * @var {number}
 * The opacity of hovered Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-over: dynamic($toolbar-scroller-opacity-over);

/**
 * @var {number}
 * The opacity of pressed Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-pressed: dynamic($toolbar-scroller-opacity-pressed);

/**
 * @var {number}
 * The opacity of disabled Breadcrumb scroller buttons. Only applicable when
 * {@link #$breadcrumb-classic-scrollers} is `false`.
 */
$breadcrumb-scroller-opacity-disabled: dynamic($toolbar-scroller-opacity-disabled);

/**
 * @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: dynamic($toolbar-classic-scrollers);

/**
 * @var {boolean}
 * `true` to include the "default" breadcrumb UI
 */
$include-breadcrumb-default-ui: dynamic(true);
