/**
 * @class Ext.toolbar.Toolbar
 */

/**
 * @var {number}
 * The default font-size of Toolbar text
 */
$toolbar-font-size: $font-size !default;

/**
 * @var {color}
 * The background-color of the Toolbar
 */
$toolbar-background-color: $base-color !default;

/**
 * @var {string/list}
 * The background-gradient of the Toolbar.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
$toolbar-background-gradient: 'none' !default;

/**
 * @var {number}
 * The horizontal spacing of Toolbar items
 */
$toolbar-horizontal-spacing: 2px !default;

/**
 * @var {number}
 * The vertical spacing of Toolbar items
 */
$toolbar-vertical-spacing: 2px !default;

/**
 * @var {number}
 * The horizontal spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
$toolbar-footer-horizontal-spacing: 6px !default;

/**
 * @var {number}
 * The vertical spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
$toolbar-footer-vertical-spacing: 2px !default;

/**
 * @var {color}
 * The background-color of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
$toolbar-footer-background-color: transparent !default;

/**
 * @var {number}
 * The border-width of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
$toolbar-footer-border-width: 0 !default;

/**
 * @var {number/list}
 * The margin of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
$toolbar-footer-margin: 0 !default;

/**
 * @var {color}
 * The border-color of Toolbars
 */
$toolbar-border-color: $base-color !default;

/**
 * @var {number}
 * The border-width of Toolbars
 */
$toolbar-border-width: 1px !default;

/**
 * @var {string}
 * The border-style of Toolbars
 */
$toolbar-border-style: solid !default;

/**
 * @var {number}
 * The width of Toolbar {@link Ext.toolbar.Spacer Spacers}
 */
$toolbar-spacer-width: 2px !default;

/**
 * @var {color}
 * The main border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
$toolbar-separator-color: adjust-color($base-color, $hue: -1deg, $saturation: 100%, $lightness: -4.3%) !default;

/**
 * @var {color}
 * The highlight border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
$toolbar-separator-highlight-color: #fff !default;

/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
$toolbar-separator-horizontal-margin: 0 $toolbar-horizontal-spacing 0 0 !default;

/**
 * @var {number}
 * The height of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
$toolbar-separator-horizontal-height: 14px !default;

/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
$toolbar-separator-horizontal-border-style: solid !default;

/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
$toolbar-separator-horizontal-border-width: 0 1px !default;

/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
$toolbar-separator-vertical-margin: 0 5px $toolbar-vertical-spacing !default;

/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
$toolbar-separator-vertical-border-style: solid none !default;

/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
$toolbar-separator-vertical-border-width: 1px 0 !default;

/**
 * @var {string}
 * The default font-family of Toolbar text
 */
$toolbar-text-font-family: $font-family !default;

/**
 * @var {number}
 * The default font-size of Toolbar text
 */
$toolbar-text-font-size: ceil($font-size * .9) !default; //11px

/**
 * @var {number}
 * The default font-size of Toolbar text
 */
$toolbar-text-font-weight: normal !default;

/**
 * @var {number/list}
 * The margin of Toolbar text
 */
$toolbar-text-margin: 0 6px 0 4px;

/**
 * @var {color}
 * The text-color of Toolbar text
 */
$toolbar-text-color: mix(desaturate(lighten($base-color, 37), 5), #000, 30) !default;

/**
 * @var {number/list}
 * The padding of Toolbar text
 */
$toolbar-text-padding: 3px 4px 0 4px !default;

/**
 * @var {number}
 * The line-height of Toolbar text
 */
$toolbar-text-line-height: 16px !default;

/**
 * @var {number}
 * The width of Toolbar scrollers
 */
$toolbar-scroller-width: 14px !default;

/**
 * @var {number}
 * The height of Toolbar scrollers
 */
$toolbar-scroller-height: 22px !default;

/**
 * @var {color}
 * The border-color of Toolbar scrollers
 */
$toolbar-scroller-border-color: #8db2e3 !default;

/**
 * @var {number}
 * The border-width of Toolbar scrollers
 */
$toolbar-scroller-border-width: 0 0 1px !default;

// private
$toolbar-scroller-margin-top: 0 !default;

/**
 * @var {string}
 * The cursor of Toolbar scrollers
 */
$toolbar-scroller-cursor: pointer !default;

/**
 * @var {string}
 * The cursor of disabled Toolbar scrollers
 */
$toolbar-scroller-cursor-disabled: default !default;

/**
 * @var {number}
 * The opacity of disabled Toolbar scrollers
 */
$toolbar-scroller-opacity-disabled: 1 !default;

// private
$toolbar-scroll-left-background-x: -$toolbar-scroller-width !default;

/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
$toolbar-tool-background-image: 'none' !default;

/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
$include-toolbar-default-ui: $include-default-uis !default;
