/**
 * @class Ext.tab.Bar
 */

/**
 * @var {number/list}
 * The padding of the Tab Bar
 */
$tabbar-padding: 0 !default;

/**
 * @var {color}
 * The base color of the Tab Bar
 */
$tabbar-base-color: $base-color !default;

/**
 * @var {string/list}
 * The background-gradient of the Tab Bar. 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}.
 */
$tabbar-background-gradient: 'tabbar' !default;

/**
 * @var {color}
 * The border-color of the Tab Bar
 */
$tabbar-border-color: $panel-header-border-color !default;

/**
 * @var {number/list}
 * The border-width of the Tab Bar
 */
$tabbar-border-width: 1px 1px 0 !default;

/**
 * @var {number}
 * The height of the Tab Bar strip
 */
$tabbar-strip-height: 3px !default;

/**
 * @var {color}
 * The border-color of the Tab Bar strip
 */
$tabbar-strip-border-color: $panel-header-border-color !default;

/**
 * @var {color}
 * The background-color of the Tab Bar strip
 */
$tabbar-strip-background-color: $tab-base-color-active !default;

/**
 * @var {number/list}
 * The border-width of the Tab Bar strip
 */
$tabbar-strip-border-width: 1px 0 0 !default;

/**
 * @var {number}
 * The width of the Tab Bar scrollers
 */
$tabbar-scroller-width: 24px !default;

/**
 * @var {number}
 * The height of the Tab Bar scrollers
 */
$tabbar-scroller-height: 24px !default;

/**
 * @var {number/list}
 * The margin of "top" Tab Bar scroller buttons
 */
$tabbar-scroller-top-margin: 0 !default;

/**
 * @var {number/list}
 * The margin of "right" Tab Bar scroller buttons
 */
$tabbar-scroller-right-margin: 0 !default;

/**
 * @var {number/list}
 * The margin of "bottom" Tab Bar scroller buttons
 */
$tabbar-scroller-bottom-margin: 0 !default;

/**
 * @var {number/list}
 * The margin of "left" Tab Bar scroller buttons
 */
$tabbar-scroller-left-margin: 0 !default;

/**
 * @var {string}
 * The cursor of the Tab Bar scrollers
 */
$tabbar-scroller-cursor: pointer !default;

/**
 * @var {string}
 * The cursor of disabled Tab Bar scrollers
 */
$tabbar-scroller-cursor-disabled: default !default;

/**
 * @var {number}
 * The opacity of Tab Bar scrollers
 */
$tabbar-scroller-opacity: 0.5 !default;

/**
 * @var {number}
 * The opacity of hovered Tab Bar scrollers
 */
$tabbar-scroller-opacity-over: 0.6 !default;

/**
 * @var {number}
 * The opacity of pressed Tab Bar scrollers
 */
$tabbar-scroller-opacity-pressed: 0.7 !default;

/**
 * @var {number}
 * The opacity of disabled Tab Bar scrollers
 */
$tabbar-scroller-opacity-disabled: 0.25 !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.
 */
$tabbar-classic-scrollers: false !default;

/**
 * @var {boolean}
 * true to include separate scroller icons for "plain" tabbars
 */
$tabbar-scroller-include-plain-icon: false !default;

/**
 * @var {boolean}
 * if true, the tabbar will use symmetrical scroller icons.  Top and bottom tabbars
 * will share icons, and Left and right will share icons.
 */
$tabbar-scroller-symmetrical-icons: true !default;

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