/** @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);