/**
 * @class Ext.grid.feature.AdvancedGrouping
 */


/**
 * @var {number/list}
 * The border-width of group headers
 */
$grid-advanced-grouped-header-border-width: dynamic(0 0 0 1px);
$grid-advanced-grouped-header-border-width-rtl: dynamic(0 1px 0 0);

/**
 * @var {string}
 * The border-style of group headers
 */
$grid-advanced-grouped-header-border-style: dynamic(solid);

/**
 * @var {color}
 * The border-color of group headers
 */
//$grid-advanced-grouped-header-border-color: dynamic(adjust-color($base-color, $hue: 0.844deg, $saturation: 7.644%, $lightness: -8.627%));
$grid-advanced-grouped-header-border-color: dynamic($grid-row-border-color);

/**
 * @var {number/list}
 * The padding of group headers
 */
$grid-advanced-grouped-header-padding: dynamic(10px 4px 4px 4px);

/**
 * @var {string}
 * The cursor of group headers
 */
$grid-advanced-grouped-header-cursor: dynamic(pointer);

/**
 * @var {string}
 * The font-family of group header titles
 */
$grid-advanced-grouped-title-font-family: dynamic($font-family);

/**
 * @var {number}
 * The font-size of group header titles
 */
$grid-advanced-grouped-title-font-size: dynamic($font-size);

/**
 * @var {string}
 * The font-weight of group header titles
 */
$grid-advanced-grouped-title-font-weight: dynamic($font-weight-bold);

/**
 * @var {number}
 * The line-height of group header titles
 */
$grid-advanced-grouped-title-line-height: dynamic(round($grid-advanced-grouped-title-font-size * 1.15));

/**
 * @var {string/list}
 * Glyph for the "groups" menu icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-menu-groups-glyph: dynamic($ext-var-groups $grid-header-menu-glyph-font-size ExtJS);

/**
 * @var {string/list}
 * Glyph for the "group by this field" menu icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-menu-group-by-glyph: dynamic($ext-var-group-by $grid-header-menu-glyph-font-size ExtJS);

/**
 * @var {string/list}
 * Glyph for the "add to grouping" menu icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-menu-add-group-glyph: dynamic($ext-var-add $grid-header-menu-glyph-font-size ExtJS);

/**
 * @var {string/list}
 * Glyph for the "remove from grouping" menu icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-menu-remove-group-glyph: dynamic($ext-var-remove $grid-header-menu-glyph-font-size ExtJS);

/**
 * @var {color}
 * The color to use for the group title's expand and collapse icons when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-title-glyph-color: dynamic($color);

/**
 * @var {number}
 * The font size for the group title's expand and collapse icons when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-title-glyph-font-size: dynamic(14px);

/**
 * @var {string/list}
 * Glyph for the group title's "expand" group icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-title-expand-glyph: dynamic($fa-var-plus-square $grid-advanced-grouped-title-glyph-font-size $font-icon-font-family);

/**
 * @var {string/list}
 * Glyph for the group title's "collapse" group icon when {@link Global_CSS#$enable-font-icons} is `true`.
 */
$grid-advanced-grouped-title-collapse-glyph: dynamic($fa-var-minus-square $grid-advanced-grouped-title-glyph-font-size $font-icon-font-family);

// private
$grid-advanced-grouped-title-font: dynamic($grid-advanced-grouped-title-font-weight #{$grid-advanced-grouped-title-font-size}/#{$grid-advanced-grouped-title-line-height} $grid-advanced-grouped-title-font-family);

/**
 * @var {number/list}
 * The amount of padding to add to the group title element.  This is typically used
 * to reserve space for an icon by setting the amountof space to be reserved for the icon
 * as the left value and setting the remaining sides to 0.
 */
$grid-advanced-grouped-icon-padding: dynamic(0 0 0 14px);

/**
 * @var {color}
 * The background color of summary cells
 */
$grid-advanced-grouped-summary-background-color: dynamic($grid-body-background-color);
/**
 * @var {color}
 * The text color of summary cells
 */
$grid-advanced-grouped-summary-color: dynamic($color);
/**
 * @var {color}
 * The text color of summary cells
 */
$grid-advanced-grouped-summary-border-color: dynamic($grid-row-border-color);
/**
 * @var {string}
 * The border-style of summary cells
 */
$grid-advanced-grouped-summary-border-style: dynamic($panel-body-border-style);
/**
 * @var {number/list}
 * The border-width of summary cells
 */
$grid-advanced-grouped-summary-border-width: dynamic(null);
/**
 * @var {list}
 * The font of summary cells
 */
$grid-advanced-grouped-summary-font: dynamic($grid-row-cell-font);