/**
 * @class Ext.list.TreeItem
 */

/**
 * @var {Color} $treelist-background-color
 */
$treelist-background-color: dynamic($grid-body-background-color);

$treelist-color: dynamic($grid-row-cell-color);

$treelist-left-padding: dynamic(left($tree-cell-inner-padding));
$treelist-right-padding: dynamic(right($tree-cell-inner-padding));

$treelist-padding: 0 $treelist-right-padding 0 $treelist-left-padding;

//--------------------------------------------------------------------------

$treelist-item-line-height: dynamic($grid-row-height);

// $treelist-item-color inherits $treelist-color

//--------------------------------------------------------------------------
// The main item element

// $treelist-item-text-color inherits $treelist-color

$treelist-item-text-icon-gap: dynamic($tree-icon-spacing);

$treelist-item-text-over-color: dynamic($grid-row-cell-over-color);

$treelist-item-text-font-size: dynamic($grid-row-cell-font-size);

$treelist-item-text-overflow: dynamic($grid-cell-inner-text-overflow);

//--------------------------------------------------------------------------
// The expander arrow.

$treelist-item-expander-color: dynamic($tree-arrow-glyph-color);

// $treelist-item-expander-over-color inherits $treelist-item-expander-color

$treelist-item-expander-glyph: dynamic($tree-arrow-glyph);
$treelist-item-expander-expanded-glyph: dynamic($tree-arrow-expanded-glyph);

$treelist-item-expander-width: dynamic($tree-elbow-width);

//--------------------------------------------------------------------------
// The optional tree node icon

$treelist-item-icon-color: dynamic($tree-glyph-color);

$treelist-item-icon-width: dynamic($tree-icon-width);

$treelist-item-icon-font-size: dynamic($tree-glyph-font-size);


//--------------------------------------------------------------------------

/*  No classic equivalents for the indicator element
    $treelist-row-indicator-selected-color: dynamic($grid-row-cell-focus-border-color);

    $treelist-row-indicator-selected-over-color: dynamic($grid-row-cell-focus-border-color);

    $treelist-row-indicator-over-color: dynamic($grid-row-cell-focus-border-color);

    $treelist-row-indicator-width: dynamic(5px);
*/

$treelist-row-selected-background-color: dynamic($grid-row-cell-selected-background-color);

$treelist-row-selected-over-background-color: dynamic($grid-row-cell-selected-background-color);

$treelist-row-over-background-color: dynamic($grid-row-cell-over-background-color);