@use "sass:color";
@use "sass:math";
@use "../core/_index.scss" as *;
@use "../table/_variables.scss" as *;
@use "../chip/_variables.scss" as *;
@use "../button/_variables.scss" as *;
@use "../icons/_variables.scss" as *;
@use "../menu/_variables.scss" as *;
@use "../list/_variables.scss" as *;
@use "../popup/_variables.scss" as *;


// Grid

/// The default size of the Grid.
/// @group grid
/// @role default
$kendo-grid-default-size: "md" !default;

/// The width of the border around the Grid.
/// @group grid
$kendo-grid-border-width: 1px !default;
/// The font family of the Grid.
/// @group grid
$kendo-grid-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the Grid.
/// @group grid
$kendo-grid-font-size: var( --kendo-font-size, inherit )  !default;
/// The height of the Grid.
/// @group grid
$kendo-grid-line-height: var( --kendo-line-height, normal ) !default;

/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-padding-x: $kendo-table-md-cell-padding-x !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-padding-y: $kendo-table-md-cell-padding-y !default;

/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-header-padding-x: $kendo-table-md-cell-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-header-padding-y: $kendo-table-md-cell-padding-y !default;


/// The horizontal padding of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-padding-x: $kendo-grid-padding-y !default;
/// The vertical padding of the Grid grouping header.
/// @group grid
$kendo-grid-grouping-header-padding-y: $kendo-grid-grouping-header-padding-x !default;

/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;

/// The horizontal padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
/// The vertical padding of the Grid filter cell.
/// @group grid
$kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;

/// The horizontal padding of the Grid edit cell.
/// @group grid
$kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
/// The vertical padding of the Grid filter cell.
/// @group grid
$kendo-grid-edit-cell-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;

/// The drop hint size of the Grid group.
/// @group grid
$kendo-grid-group-drop-hint-size: 6px !default;
/// The drop hint line size of the Grid group.
/// @group grid
$kendo-grid-group-drop-hint-line-size: math.div( $kendo-grid-group-drop-hint-size, 3) !default;
/// The height of the Grid group.
/// @group grid
$kendo-grid-group-drop-hint-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
/// The drop hint top of the Grid group.
/// @group grid
$kendo-grid-group-drop-hint-top: 3px !default;

/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-sm-padding-x: k-spacing(1) !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-sm-padding-y: k-spacing(1) !default;
/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-sm-header-padding-x: $kendo-grid-sm-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-sm-header-padding-y: $kendo-grid-sm-padding-y !default;
/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-sm-grouping-header-padding-x: $kendo-grid-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-padding-y !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-sm-cell-padding-x: $kendo-grid-sm-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-sm-filter-cell-padding-x: k-spacing(1.5) !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-sm-edit-cell-padding-x: k-spacing(1) !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-sm-edit-cell-padding-y: k-spacing(1) !default;
/// The height of the Grid group.
/// @group grid
$kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;

/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-md-padding-x: $kendo-grid-padding-x !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-md-padding-y: $kendo-grid-padding-y !default;
/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-md-header-padding-x: $kendo-grid-header-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-md-header-padding-y: $kendo-grid-header-padding-y !default;
/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-md-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-md-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-md-cell-padding-x: $kendo-grid-cell-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-md-cell-padding-y: $kendo-grid-cell-padding-y !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-md-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-md-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y !default;
/// The horizontal padding of the Grid cell.
/// @group grid
$kendo-grid-md-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x !default;
/// The vertical padding of the Grid cell.
/// @group grid
$kendo-grid-md-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y !default;
/// The height of the Grid group.
/// @group grid
$kendo-grid-md-group-dropclue-height: $kendo-grid-group-drop-hint-height !default;
/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-padding-y !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-padding-y !default;


/// The font size of the Grid header.
/// @group grid
$kendo-grid-header-font-size: null !default;
/// The border color of the Grid header.
/// @group grid
$kendo-grid-header-first-border: 1px !default;
/// The spacing of the Grid header.
/// @group grid
$kendo-grid-header-menu-icon-spacing: $kendo-icon-spacing !default;

/// The width of the border around the Grid toolbar.
/// @group grid
$kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;

/// The width of the border around the Grid cell.
/// @group grid
$kendo-grid-cell-horizontal-border-width: $kendo-table-cell-horizontal-border-width !default;
/// The width of the border around the Grid cell.
/// @group grid
$kendo-grid-cell-vertical-border-width: $kendo-table-cell-vertical-border-width !default;

/// The background color of the Grid.
/// @group grid
$kendo-grid-bg: $kendo-table-bg !default;
/// The text color of the Grid.
/// @group grid
$kendo-grid-text: $kendo-table-text !default;
/// The border color of the Grid.
/// @group grid
$kendo-grid-border: $kendo-table-border !default;

/// The background color of Grid header.
/// @group grid
$kendo-grid-header-bg: $kendo-table-header-bg !default;
/// The text color of Grid header.
/// @group grid
$kendo-grid-header-text: $kendo-table-header-text !default;
/// The border color of Grid header.
/// @group grid
$kendo-grid-header-border: $kendo-table-header-border !default;

/// The background color of Grid footer.
/// @group grid
$kendo-grid-footer-bg: $kendo-table-footer-bg !default;
/// The text color of Grid footer.
/// @group grid
$kendo-grid-footer-text: $kendo-table-footer-text !default;
/// The border color of Grid footer.
/// @group grid
$kendo-grid-footer-border: $kendo-table-footer-border !default;

/// The background color of the Grid alternating rows.
/// @group grid
$kendo-grid-alt-bg: $kendo-table-alt-row-bg !default;
/// The text color of the Grid alternating rows.
/// @group grid
$kendo-grid-alt-text: $kendo-table-alt-row-text !default;

/// The background color of hovered Grid rows.
/// @group grid
$kendo-grid-hover-bg: $kendo-table-hover-bg !default;
/// The text color of hovered Grid rows.
/// @group grid
$kendo-grid-hover-text: $kendo-table-hover-text !default;

/// The background color of selected Grid rows.
/// @group grid
$kendo-grid-selected-bg: $kendo-table-selected-bg !default;
/// The text color of selected Grid rows.
/// @group grid
$kendo-grid-selected-text: $kendo-table-selected-text !default;

/// The background color of highlighted Grid rows.
/// @group grid
$kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;
/// The font weight of highlighted Grid rows.
/// @group grid
$kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !default;

/// The background color of selected highlighted Grid rows.
/// @group grid
$kendo-grid-selected-highlighted-bg: $kendo-table-selected-highlighted-bg !default;

/// The background color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-bg: $kendo-grid-header-bg !default;
/// The text color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-text: $kendo-grid-text !default;
/// The border color of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-border: $kendo-grid-border !default;
/// The border width of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-border-width: $kendo-grid-border-width !default;
/// The spacing between the selection aggregates items.
/// @group grid
$kendo-grid-selection-aggregates-spacing: k-spacing(2) !default;
/// The line height of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-line-height: $kendo-grid-line-height !default;
/// The font weight of the Grid selection aggregates container.
/// @group grid
$kendo-grid-selection-aggregates-font-weight: var( --kendo-font-weight-bold, normal )!default;

/// The background color of the Grid row.
/// @group grid
$kendo-grid-grouping-row-bg: k-color(base-subtle) !default;
/// The text color of the Grid row.
/// @group grid
$kendo-grid-grouping-row-text: $kendo-grid-text !default;

/// The background color of the Grid.
/// @group grid
$kendo-grid-sorted-bg: color-mix(in srgb, k-color(on-app-surface) 2%, transparent) !default;
/// The text color of the Grid.
/// @group grid
$kendo-grid-sorting-indicator-text: k-color(primary) !default;
/// The font size of the Grid.
/// @group grid
$kendo-grid-sorting-index-font-size: ($kendo-icon-size * .75) !default;
/// The sorting index vertical spacing of the Grid.
/// @group grid
$kendo-grid-sorting-index-spacing-y: k-spacing(0.5) !default;
/// The sorting index horizontal spacing of the Grid.
/// @group grid
$kendo-grid-sorting-index-spacing-x: calc( #{$kendo-grid-sorting-index-spacing-y} * -1 ) !default;

/// The sorted icon spacing of the Grid.
/// @group grid
$kendo-grid-sorted-icon-spacing: calc( #{k-spacing(4)} - 1px ) !default;

/// The shadow of the Grid.
/// @group grid
$kendo-grid-focus-shadow: $kendo-table-focus-shadow !default;

/// The spacing of the Grid button.
/// @group grid
$kendo-grid-command-cell-button-spacing: k-spacing(2) !default;

// Must be solid colors
/// The background color of the sticky content in the Grid.
/// @group grid
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
/// The alternate background color of the sticky content in the Grid.
/// @group grid
$kendo-grid-sticky-alt-bg: k-color(base-subtle) !default;
/// The background color of the hovered sticky content in the Grid.
/// @group grid
$kendo-grid-sticky-hover-bg: k-color(base-subtle-hover) !default;

/// The border color of the sticky content in the Grid.
/// @group grid
$kendo-grid-sticky-border: color-mix(in srgb, k-color(on-app-surface) 50%, transparent) !default;

/// The background color of the sticky header in the Grid.
/// @group grid
$kendo-grid-sticky-header-bg: $kendo-grid-header-bg !default;
/// The text color of the sticky header in the Grid.
/// @group grid
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
/// The border color of the sticky header in the Grid.
/// @group grid
$kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;

/// The background color of the sticky footer in the Grid.
/// @group grid
$kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
/// The background color of the hovered sticky footer in the Grid.
/// @group grid
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;

/// The box shadow of the sticky container in the Grid.
/// @group grid
$kendo-grid-sticky-container-shadow: k-elevation(2) !default;

/// The width of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-width: 250px !default;
/// The maximum width of the Grid column menu.
/// @group grid
$kendo-grid-column-menu-max-width: 320px !default;


/// The horizontal padding of the Grid popup.
/// @group grid
$kendo-grid-column-menu-popup-padding-x: null !default;
/// The vertical padding of the Grid popup.
/// @group grid
$kendo-grid-column-menu-popup-padding-y: null !default;

/// The horizontal padding of the Grid item.
/// @group grid
$kendo-grid-column-menu-item-padding-x: $kendo-menu-popup-md-item-padding-x !default;
/// The vertical padding of the Grid item.
/// @group grid
$kendo-grid-column-menu-item-padding-y: $kendo-menu-popup-md-item-padding-y !default;

/// The horizontal padding of the Grid item.
/// @group grid
$kendo-grid-column-menu-list-item-padding-x: $kendo-list-md-item-padding-x !default;
/// The vertical padding of the Grid item.
/// @group grid
$kendo-grid-column-menu-list-item-padding-y: $kendo-list-md-item-padding-y !default;

/// The horizontal padding of the Grid.
/// @group grid
$kendo-grid-column-menu-items-wrap-padding-x: k-spacing(0) !default;
/// The vertical padding of the Grid.
/// @group grid
$kendo-grid-column-menu-items-wrap-padding-y: k-spacing(2) !default;

/// The horizontal padding of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-padding-x: $kendo-menu-popup-md-item-padding-x !default;
/// The vertical padding of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-padding-y: $kendo-menu-popup-md-item-padding-y !default;

/// The font size of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The height of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-line-height: var( --kendo-line-height, normal ) !default;
/// The text color of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-text-transform: uppercase !default;
/// The width of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-border-bottom-width: 1px !default;

/// The background color of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-bg: null !default;
/// The text color of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-text: $kendo-popup-text !default;
/// The border color of the Grid header.
/// @group grid
$kendo-grid-column-menu-group-header-border: $kendo-popup-border !default;

/// The horizontal padding of the Grid content.
/// @group grid
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: k-spacing(0)!default;
/// The vertical padding of the Grid content.
/// @group grid
$kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: k-spacing(2) !default;

/// The background color of the Grid.
/// @group grid
$kendo-grid-column-menu-tabbed-bg: k-color(surface) !default;

/// The width of the Grid cell.
/// @group grid
$kendo-grid-drag-cell-width: ($kendo-icon-size * 3) !default;

/// The width of the Grid.
/// @group grid
$kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;

/// The grouping border top of the Grid row.
/// @group grid
$kendo-grid-grouping-row-border-top: 1px !default;
/// The vertical border of the Grid footer.
/// @group grid
$kendo-grid-group-footer-border-y: 1px !default;

/// The background color of the Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-hover-bg: color-mix(in srgb, k-color(on-base) 20%, transparent) !default;
/// The background color of the active Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-active-bg: k-color(primary) !default;
/// The height of the Grid row resize indicator.
/// @group grid
$kendo-grid-row-resizer-height: k-spacing(0.5) !default;


/// The horizontal padding of the Grid stack layout cells.
/// @group grid
$kendo-grid-stack-cell-padding-x: k-spacing(2) !default;
/// The vertical padding of the Grid stack layout cells.
/// @group grid
$kendo-grid-stack-cell-padding-y: k-spacing(1.5) !default;

/// The column gap of the Grid stack layout.
/// @group grid
$kendo-grid-stack-column-gap: k-spacing(1) !default;
/// The column gap of the editable Grid stack layout.
/// @group grid
$kendo-grid-stack-editable-column-gap: k-spacing(2) !default;

/// The width of the hierarchy column in the Grid stack layout.
/// @group grid
$kendo-grid-stack-hierarchy-col-width: k-spacing(2) !default;

/// The font size of the Grid stack layout column header.
/// @group grid
$kendo-grid-stack-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The font weight of the Grid stack layout column header.
/// @group grid
$kendo-grid-stack-header-font-weight: var( --kendo-font-weight-bold, bold ) !default;
/// The height of the Grid stack layout expandable row shadow.
/// @group grid
$kendo-grid-stack-expandable-shadow-height: k-spacing(2.5) !default;

/// The color of the Grid stack layout column header.
/// @group grid
$kendo-grid-stack-header-color: k-color(subtle) !default;
/// The outline color of the Grid stack layout focused cell.
/// @group grid
$kendo-grid-stack-focus-outline: color-mix(in srgb, k-color(on-app-surface) 15%, transparent) !default;
/// The Grid stack layout expandable row shadow.
/// @group grid
$kendo-grid-stack-expandable-shadow: k-elevation(2) !default;

/// The font weight of the pinned source row in the Grid.
/// @group grid
$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !default;


@forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
    $kendo-grid-default-size: $kendo-grid-default-size,
    $kendo-grid-border-width: $kendo-grid-border-width,
    $kendo-grid-font-family: $kendo-grid-font-family,
    $kendo-grid-font-size: $kendo-grid-font-size,
    $kendo-grid-line-height: $kendo-grid-line-height,
    $kendo-grid-padding-x: $kendo-grid-padding-x,
    $kendo-grid-padding-y: $kendo-grid-padding-y,
    $kendo-grid-header-padding-x: $kendo-grid-header-padding-x,
    $kendo-grid-header-padding-y: $kendo-grid-header-padding-y,
    $kendo-grid-grouping-header-padding-x: $kendo-grid-grouping-header-padding-x,
    $kendo-grid-grouping-header-padding-y: $kendo-grid-grouping-header-padding-y,
    $kendo-grid-cell-padding-x: $kendo-grid-cell-padding-x,
    $kendo-grid-cell-padding-y: $kendo-grid-cell-padding-y,
    $kendo-grid-filter-cell-padding-x: $kendo-grid-filter-cell-padding-x,
    $kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-y,
    $kendo-grid-edit-cell-padding-x: $kendo-grid-edit-cell-padding-x,
    $kendo-grid-edit-cell-padding-y: $kendo-grid-edit-cell-padding-y,
    $kendo-grid-group-drop-hint-size: $kendo-grid-group-drop-hint-size,
    $kendo-grid-group-drop-hint-line-size: $kendo-grid-group-drop-hint-line-size,
    $kendo-grid-group-drop-hint-height: $kendo-grid-group-drop-hint-height,
    $kendo-grid-group-drop-hint-top: $kendo-grid-group-drop-hint-top,
    $kendo-grid-sm-padding-x: $kendo-grid-sm-padding-x,
    $kendo-grid-sm-padding-y: $kendo-grid-sm-padding-y,
    $kendo-grid-sm-header-padding-x: $kendo-grid-sm-header-padding-x,
    $kendo-grid-sm-header-padding-y: $kendo-grid-sm-header-padding-y,
    $kendo-grid-sm-grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,
    $kendo-grid-sm-grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,
    $kendo-grid-sm-cell-padding-x: $kendo-grid-sm-cell-padding-x,
    $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-cell-padding-y,
    $kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,
    $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,
    $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,
    $kendo-grid-sm-edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,
    $kendo-grid-sm-group-dropclue-height: $kendo-grid-sm-group-dropclue-height,
    $kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,
    $kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y,
    $kendo-grid-md-padding-x: $kendo-grid-md-padding-x,
    $kendo-grid-md-padding-y: $kendo-grid-md-padding-y,
    $kendo-grid-md-header-padding-x: $kendo-grid-md-header-padding-x,
    $kendo-grid-md-header-padding-y: $kendo-grid-md-header-padding-y,
    $kendo-grid-md-grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,
    $kendo-grid-md-grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,
    $kendo-grid-md-cell-padding-x: $kendo-grid-md-cell-padding-x,
    $kendo-grid-md-cell-padding-y: $kendo-grid-md-cell-padding-y,
    $kendo-grid-md-filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,
    $kendo-grid-md-filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,
    $kendo-grid-md-edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,
    $kendo-grid-md-edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,
    $kendo-grid-md-group-dropclue-height: $kendo-grid-md-group-dropclue-height,
    $kendo-grid-md-selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,
    $kendo-grid-md-selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y,
    $kendo-grid-header-font-size: $kendo-grid-header-font-size,
    $kendo-grid-header-first-border: $kendo-grid-header-first-border,
    $kendo-grid-header-menu-icon-spacing: $kendo-grid-header-menu-icon-spacing,
    $kendo-grid-toolbar-border-width: $kendo-grid-toolbar-border-width,
    $kendo-grid-cell-horizontal-border-width: $kendo-grid-cell-horizontal-border-width,
    $kendo-grid-cell-vertical-border-width: $kendo-grid-cell-vertical-border-width,
    $kendo-grid-bg: $kendo-grid-bg,
    $kendo-grid-text: $kendo-grid-text,
    $kendo-grid-border: $kendo-grid-border,
    $kendo-grid-header-bg: $kendo-grid-header-bg,
    $kendo-grid-header-text: $kendo-grid-header-text,
    $kendo-grid-header-border: $kendo-grid-header-border,
    $kendo-grid-footer-bg: $kendo-grid-footer-bg,
    $kendo-grid-footer-text: $kendo-grid-footer-text,
    $kendo-grid-footer-border: $kendo-grid-footer-border,
    $kendo-grid-alt-bg: $kendo-grid-alt-bg,
    $kendo-grid-hover-bg: $kendo-grid-hover-bg,
    $kendo-grid-hover-text: $kendo-grid-hover-text,
    $kendo-grid-selected-bg: $kendo-grid-selected-bg,
    $kendo-grid-selected-text: $kendo-grid-selected-text,
    $kendo-grid-highlighted-bg: $kendo-grid-highlighted-bg,
    $kendo-grid-highlighted-font-weight: $kendo-grid-highlighted-font-weight,
    $kendo-grid-selected-highlighted-bg: $kendo-grid-selected-highlighted-bg,
    $kendo-grid-selection-aggregates-bg: $kendo-grid-selection-aggregates-bg,
    $kendo-grid-selection-aggregates-text: $kendo-grid-selection-aggregates-text,
    $kendo-grid-selection-aggregates-border: $kendo-grid-selection-aggregates-border,
    $kendo-grid-selection-aggregates-border-width: $kendo-grid-selection-aggregates-border-width,
    $kendo-grid-selection-aggregates-spacing: $kendo-grid-selection-aggregates-spacing,
    $kendo-grid-selection-aggregates-line-height: $kendo-grid-selection-aggregates-line-height,
    $kendo-grid-selection-aggregates-font-weight: $kendo-grid-selection-aggregates-font-weight,
    $kendo-grid-grouping-row-bg: $kendo-grid-grouping-row-bg,
    $kendo-grid-grouping-row-text: $kendo-grid-grouping-row-text,
    $kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
    $kendo-grid-sorting-indicator-text: $kendo-grid-sorting-indicator-text,
    $kendo-grid-sorting-index-font-size: $kendo-grid-sorting-index-font-size,
    $kendo-grid-sorting-index-spacing-y: $kendo-grid-sorting-index-spacing-y,
    $kendo-grid-sorting-index-spacing-x: $kendo-grid-sorting-index-spacing-x,
    $kendo-grid-sorted-icon-spacing: $kendo-grid-sorted-icon-spacing,
    $kendo-grid-focus-shadow: $kendo-grid-focus-shadow,
    $kendo-grid-command-cell-button-spacing: $kendo-grid-command-cell-button-spacing,
    $kendo-grid-sticky-bg: $kendo-grid-sticky-bg,
    $kendo-grid-sticky-border: $kendo-grid-sticky-border,
    $kendo-grid-sticky-alt-bg: $kendo-grid-sticky-alt-bg,
    $kendo-grid-sticky-header-bg: $kendo-grid-sticky-header-bg,
    $kendo-grid-sticky-header-text: $kendo-grid-sticky-header-text,
    $kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
    $kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
    $kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
    $kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
    $kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
    $kendo-grid-column-menu-popup-padding-x: $kendo-grid-column-menu-popup-padding-x,
    $kendo-grid-column-menu-popup-padding-y: $kendo-grid-column-menu-popup-padding-y,
    $kendo-grid-column-menu-item-padding-x: $kendo-grid-column-menu-item-padding-x,
    $kendo-grid-column-menu-item-padding-y: $kendo-grid-column-menu-item-padding-y,
    $kendo-grid-column-menu-list-item-padding-x: $kendo-grid-column-menu-list-item-padding-x,
    $kendo-grid-column-menu-list-item-padding-y: $kendo-grid-column-menu-list-item-padding-y,
    $kendo-grid-column-menu-items-wrap-padding-x: $kendo-grid-column-menu-items-wrap-padding-x,
    $kendo-grid-column-menu-items-wrap-padding-y: $kendo-grid-column-menu-items-wrap-padding-y,
    $kendo-grid-column-menu-group-header-padding-x: $kendo-grid-column-menu-group-header-padding-x,
    $kendo-grid-column-menu-group-header-padding-y: $kendo-grid-column-menu-group-header-padding-y,
    $kendo-grid-column-menu-group-header-font-size: $kendo-grid-column-menu-group-header-font-size,
    $kendo-grid-column-menu-group-header-line-height: $kendo-grid-column-menu-group-header-line-height,
    $kendo-grid-column-menu-group-header-text-transform: $kendo-grid-column-menu-group-header-text-transform,
    $kendo-grid-column-menu-group-header-border-bottom-width: $kendo-grid-column-menu-group-header-border-bottom-width,
    $kendo-grid-column-menu-group-header-bg: $kendo-grid-column-menu-group-header-bg,
    $kendo-grid-column-menu-group-header-text: $kendo-grid-column-menu-group-header-text,
    $kendo-grid-column-menu-group-header-border: $kendo-grid-column-menu-group-header-border,
    $kendo-grid-column-menu-tabbed-tabstrip-content-padding-x: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-x,
    $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y: $kendo-grid-column-menu-tabbed-tabstrip-content-padding-y,
    $kendo-grid-column-menu-tabbed-bg: $kendo-grid-column-menu-tabbed-bg,
    $kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
    $kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
    $kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-top,
    $kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-y,
    $kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
    $kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,
    $kendo-grid-row-resizer-height: $kendo-grid-row-resizer-height,
    $kendo-grid-stack-cell-padding-x: $kendo-grid-stack-cell-padding-x,
    $kendo-grid-stack-cell-padding-y: $kendo-grid-stack-cell-padding-y,
    $kendo-grid-stack-column-gap: $kendo-grid-stack-column-gap,
    $kendo-grid-stack-editable-column-gap: $kendo-grid-stack-editable-column-gap,
    $kendo-grid-stack-hierarchy-col-width: $kendo-grid-stack-hierarchy-col-width,
    $kendo-grid-stack-header-font-size: $kendo-grid-stack-header-font-size,
    $kendo-grid-stack-header-font-weight: $kendo-grid-stack-header-font-weight,
    $kendo-grid-stack-expandable-shadow-height: $kendo-grid-stack-expandable-shadow-height,
    $kendo-grid-stack-header-color: $kendo-grid-stack-header-color,
    $kendo-grid-stack-focus-outline: $kendo-grid-stack-focus-outline,
    $kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
    $kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
    $kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow
);