/**
 * @class Ext.grid.header.Container
 */

/**
 * @var {color}
 * The background-color of grid headers
 */
$grid-header-background-color: #ddd !default;

/**
 * @var {string/list}
 * The background-gradient of grid headers.  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}.
 */
$grid-header-background-gradient: 'grid-header' !default;

/**
 * @var {color}
 * The border-color of grid headers
 */
$grid-header-border-color: #333 !default;

/**
 * @var {number}
 * The border-width of grid headers
 */
$grid-header-border-width: 1px !default;

/**
 * @var {string}
 * The border-style of grid headers
 */
$grid-header-border-style: solid !default;

/**
 * @var {color}
 * The background-color of grid headers when the cursor is over the header
 */
$grid-header-over-background-color: #eee !default;

/**
 * @var {string/list}
 * The background-gradient of grid headers when the cursor is over the header.  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}.
 */
$grid-header-over-background-gradient: 'grid-header-over' !default;

/**
 * @var {color}
 * The background-color of a grid header when its menu is open
 */
$grid-header-open-background-color: transparent !default;

/**
 * @var {number/list}
 * The padding to apply to grid headers
 */
$grid-header-padding: 5px !default;

/**
 * @var {number}
 * The height of grid header triggers
 */
$grid-header-trigger-height: 22px !default;

/**
 * @var {number}
 * The width of grid header triggers
 */
$grid-header-trigger-width: 14px !default;

/**
 * @var {number}
 * The width of the grid header sort icon
 */
$grid-header-sort-icon-width: 9px !default;

/**
 * @var {string}
 * The type of cursor to display when the cursor is over a grid header trigger
 */
$grid-header-trigger-cursor: pointer !default;

/**
 * @var {number}
 * The amount of space between the header trigger and text
 */
$grid-header-trigger-spacing: 1px !default;

/**
 * @var {list}
 * The background-position of the header trigger
 */
$grid-header-trigger-background-position: 0 center !default;

/**
 * @var {color}
 * The background-color of the header trigger
 */
$grid-header-trigger-background-color: transparent !default;

/**
 * @var {color}
 * The background-color of the header trigger when the menu is open
 */
$grid-header-trigger-background-color-open: transparent !default;

/**
 * @var {number}
 * The space between the grid header sort icon and the grid header text
 */
$grid-header-sort-icon-spacing: 3px !default;

// private
$grid-header-sort-icon-position: right center !default;