/** @class Ext.pivot.plugin.configurator.Container */

/**
 * @var {number}
 * The default padding for the container's header that holds dimension fields.
 */
$pivot-grid-config-container-header-padding: dynamic(2px);
/**
 * @var {string}
 * The font-family of container's header that holds dimension fields.
 */
$pivot-grid-config-container-header-font-family: dynamic($grid-column-header-font-family);

/**
 * @var {number}
 * The font-size of container's header that holds dimension fields.
 */
$pivot-grid-config-container-header-font-size: dynamic($grid-column-header-font-size);

/**
 * @var {string}
 * The font-weight of container's header that holds dimension fields.
 */
$pivot-grid-config-container-header-font-weight: dynamic($grid-column-header-font-weight);

/**
 * @var {number}
 * The line-height of container's header that holds dimension fields.
 */
$pivot-grid-config-container-header-line-height: dynamic($grid-column-header-line-height);

// private
$pivot-grid-config-container-header-font: dynamic($pivot-grid-config-container-header-font-weight #{$pivot-grid-config-container-header-font-size}/#{$pivot-grid-config-container-header-line-height} $pivot-grid-config-container-header-font-family);

/**
 * @var {color}
 * The background color of the container's body that holds dimension fields.
 */
$pivot-grid-config-container-body-background-color: dynamic(white);

/**
 * @var {number}
 * The border-width of the container's body that holds dimension fields.
 */
$pivot-grid-config-container-body-border-width: dynamic(0);
/**
 * @var {string}
 * The border-style of the container's body that holds dimension fields.
 */
$pivot-grid-config-container-body-border-style: dynamic(solid);
/**
 * @var {color}
 * The border color of the container's body that holds dimension fields.
 */
$pivot-grid-config-container-body-border-color: dynamic(top($grid-row-cell-border-color));
/**
 * @var {number}
 * The border-width of the container's body that holds dimension fields, when
 * configurator panel is docked to top or right.
 */
$pivot-grid-config-container-body-tr-border-width: dynamic(0 0 1px 1px);
/**
 * @var {number}
 * The border-width of the container's body that holds dimension fields, when
 * configurator panel is docked to bottom or left.
 */
$pivot-grid-config-container-body-bl-border-width: dynamic(1px 1px 0 0);

/**
 * @var {color}
 * The text color of the hint text displayed inside the container. (ie "Drop column fields here")
 */
$pivot-grid-config-container-hint-color: dynamic(darkgray);
/**
 * @var {number}
 * The default padding for the hint text displayed inside the container. (ie "Drop column fields here")
 */
$pivot-grid-config-container-hint-padding: dynamic(5px);