variables.scss 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. $radius-dropdown: var(--semi-border-radius-medium); // 下拉菜单圆角大小
  2. $radius-dropdown_item: 0px; // 下拉菜单项圆角大小
  3. $color-dropdown-bg-default: var(--semi-color-bg-3); // 下拉菜单背景颜色
  4. $color-dropdown_title-text-default: var(--semi-color-text-2); // 下拉菜单分组标题文字颜色
  5. $spacing-dropdown_menu-paddingY: $spacing-extra-tight; // 下拉菜单垂直内边距
  6. $spacing-dropdown_menu-paddingX: 0; // 下拉菜单水平内边距
  7. $spacing-dropdown_title-paddingTop: $spacing-tight; // 下拉菜单分组标题顶部内边距
  8. $spacing-dropdown_title-paddingBottom: $spacing-extra-tight; // 下拉菜单分组标题底部内边距
  9. $spacing-dropdown_title-paddingLeft: $spacing-base; // 下拉菜单分组标题左侧内边距
  10. $spacing-dropdown_title-paddingRight: $spacing-base; // 下拉菜单分组标题右侧内边距
  11. $spacing-dropdown_title_withTick-paddingLeft: 31px; // 可选中的下拉菜单,分组标题左侧内边距
  12. $spacing-dropdown_item_withTick-paddingLeft: $spacing-base-tight; // 可选中弄的下拉菜单项,对勾 icon 左侧内边距
  13. $spacing-dropdown_item-paddingY: $spacing-tight; // 下拉菜单项垂直内边距
  14. $spacing-dropdown_item-paddingX: $spacing-base; // 下拉菜单项水平内边距
  15. $color-dropdown_item-text-default: var(--semi-color-text-0); // 下拉菜单项文字颜色
  16. $color-dropdown_item-bg-hover: var(--semi-color-fill-0); // 下拉菜单项背景颜色 - 悬浮
  17. $color-dropdown_item-bg-active: var(--semi-color-fill-1); // 下拉菜单项背景颜色 - 按下
  18. $color-dropdown_item_danger-text-default: var(--semi-color-danger); // 下拉菜单项背景颜色 - 悬浮
  19. $color-dropdown_item_secondary-text-default: var(--semi-color-secondary); // 二级菜单项文字颜色
  20. $color-dropdown_item_warning-text-default: var(--semi-color-warning); // 警告菜单项文字颜色
  21. $color-dropdown_item_tertiary-text-default: var(--semi-color-tertiary); // 第三菜单项文字颜色
  22. $color-dropdown_item_primary-text-default: var(--semi-color-primary); // 主要菜单项文字颜色
  23. $color-dropdown_item_disabled-text-default: var(--semi-color-disabled-text); // 禁用菜单项文字颜色
  24. $color-dropdown_item_disabled-bg-default: transparent; // 禁用菜单项背景颜色
  25. $color-dropdown_seperator-bg-default: var(--semi-color-border); // 菜单项分隔线颜色
  26. $spacing-dropdown_icon-marginRight: 9px; // 菜单项分隔线颜色
  27. $spacing-dropdown_seperator-marginY: $spacing-extra-tight; // 菜单项分隔线垂直内边距
  28. $spacing-dropdown_seperator-marginX: 0; // 菜单项分隔线水平内边距
  29. $width-dropdown: 280px; // 菜单最大宽度
  30. $size-dropdown-icon-width: 12px; // 菜单项图标宽度
  31. $size-dropdown-icon-height: 12px; // 菜单项图标高度
  32. $height-dropdown_seperator: 1px; // 菜单项分隔线宽度
  33. $font-dropdown_item_active-fontWeight: 600; // 选中菜单项字重