@use '../mixins/function.scss' as *;
// styles/element/index.scss
/* 只需要重写你需要的即可 */
@forward '../common/var.scss' with (
  // $font-size: (
  //   'extra-large': 18px,
  //   'large': 16px,
  //   'medium': 14px,
  //   'base': 12px,
  //   'small': 11px,
  //   'extra-small': 10px,
  // ),
  $select-option: (
    'text-color': getCssVar('text-color-regular'),
    'disabled-color': getCssVar('text-color-placeholder'),
    'height': 32px,
    'hover-background': getCssVar('fill-color', 'light'),
    'selected-text-color': getCssVar('color-primary'),
  ),
  $select-dropdown: (
    'bg-color': getCssVar('bg-color', 'overlay'),
    'shadow': getCssVar('box-shadow-light'),
    'empty-color': getCssVar('text-color-secondary'),
    'max-height': 220px,
    'padding': 6px 0,
    'empty-padding': 10px 0,
    'border': 1px solid getCssVar('border-color-light'),
  ),
  $checkbox: (
    'height': 32px,
    'font-size': 12px,
  ),
);

// 如果只是按需导入，则可以忽略以下内容。
// 如果你想导入所有样式:
// @use "element-plus/theme-chalk/src/index.scss" as *;