@use '../common-var.scss' as *;

/** element - built-in */
$form-item-margin-bottom: (
  'large': 22px,
  'default': 18px,
  'small': 18px,
);

$form-item-line-height: (
  'large': map-get($ep-common-component-size, 'large'),
  'default': map-get($ep-common-component-size, 'default'),
  'small': map-get($ep-common-component-size, 'small'),
);

$form-item-label-top-line-height: (
  'large': 22px,
  'default': 22px,
  'small': 20px,
);

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $transition-duration: $ep-transition-duration,
  $fill-color: $ep-fill-color,
  $font-size: $ep-font-size,
  $colors: $ep-colors,
  $border-radius: $ep-border-radius,
  $menu: $ep-menu,
  $text-color: $ep-text-color,
  $popper: $ep-popper,
  $form: $ep-form,
  $input-font-size: $ep-input-font-size,
  $card: $ep-card,
  $common-component-size: $ep-common-component-size,
  $bg-color: $ep-bg-color,
  $border-color: $ep-border-color,
  $table: $ep-table,
  $table-font-size: $ep-table-font-size,
  $table-padding: $ep-table-padding,
  $table-cell-padding: $ep-table-cell-padding,
  $box-shadow: $ep-box-shadow,
  $pagination: $ep-pagination,
  $dialog: $ep-dialog,
  $button: $ep-button
);
