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

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

    /**
     * @var {number/list}
     * The border-width of group headers
     */
    $grid-grouped-header-border-width: 0 0 2px 0 !default;

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

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

    /**
     * @var {number/list}
     * The padding of group headers
     */
    $grid-grouped-header-padding: 10px 4px 4px 4px !default;

    /**
     * @var {string}
     * The cursor of group headers
     */
    $grid-grouped-header-cursor: pointer !default;

    /**
     * @var {color}
     * The text color of group header titles
     */
    $grid-grouped-title-color: adjust-color($base-color, $hue: 0.952deg, $saturation: -6.718%, $lightness: -41.961%) !default;

    /**
     * @var {string}
     * The font-family of group header titles
     */
    $grid-grouped-title-font-family: $font-family !default;

    /**
     * @var {number}
     * The font-size of group header titles
     */
    $grid-grouped-title-font-size: $font-size !default;

    /**
     * @var {string}
     * The font-weight of group header titles
     */
    $grid-grouped-title-font-weight: bold !default;

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

    // private
    $grid-grouped-title-font: $grid-grouped-title-font-weight #{$grid-grouped-title-font-size}/#{$grid-grouped-title-line-height} $grid-grouped-title-font-family !default;

    /**
     * @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-grouped-icon-padding: 0 0 0 14px !default;