variables.scss 2.8 KB

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