@use "../sizes" as *;
@use "../list/colors" as *;

// adduse

$material-list-vertical-padding: null !default;
$material-list-item-height: null !default;
$material-list-item-vertical-padding: null !default;
$material-list-item-horizontal-padding: null !default;
$material-list-group-header-vertical-padding: null !default;
$material-list-select-all-label-margin-top: null !default;
$material-list-select-all-label-line-height: null !default;
$material-list-main-font-size: null !default;

$material-list-searchbox-vertical-padding: 6px !default;
$material-list-next-button-horizontal-padding: 58px !default;
$material-list-deletebutton-padding: 3px !default;
$material-list-select-all-margin-right: 0 !default;
$material-list-select-all-margin-top: -1px !default;

@if $size == "default" {
  $material-list-vertical-padding: 8px !default;
  $material-list-item-height: 48px !default;
  $material-list-item-vertical-padding: 14px !default;
  $material-list-item-horizontal-padding: 16px !default;
  $material-list-group-header-vertical-padding: 14px !default;
  $material-list-select-all-label-margin-top: 2px !default;
  $material-list-select-all-label-line-height: 17px !default;
  $material-list-main-font-size: 16px !default;
}

@else if $size == "compact" {
  $material-list-vertical-padding: 4px !default;
  $material-list-item-height: 36px !default;
  $material-list-item-vertical-padding: 10px !default;
  $material-list-item-horizontal-padding: 11px !default;
  $material-list-group-header-vertical-padding: 10px !default;
  $material-list-select-all-label-margin-top: 1px !default;
  $material-list-select-all-label-line-height: 15px !default;
  $material-list-main-font-size: 13px !default;
}

:root {
  --dx-list-item-padding-inline: #{$material-list-item-horizontal-padding};
  --dx-list-item-padding-block: #{$material-list-item-vertical-padding};
}