Home Explore Help
Register Sign In
Apq
/
semi-design
mirror of https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Files Issues 0 Wiki
Branch: refactor-ArrayFieldUpdate
Branches Tags
semi-design
/
packages
/
semi-foundation
/
autoComplete
/
variables.scss

variables.scss 3.7 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 
  1. // Spacing
    2. 

  2. $spacing-autoComplete_loading_wrapper-paddingTop: $spacing-tight; //加载搜索结果时的顶部内边距
    3. 

  3. $spacing-autoComplete_loading_wrapper-paddingBottom: $spacing-tight; //加载搜索结果时的底部内边距
    4. 

  4. 

  5. 

  6. 

  7. 

  8. 

  9. $color-autoComplete_option_keyword-text: var(--semi-color-primary); // 自动完成菜单选项匹配搜索结果文本颜色
    10. 

  10. $color-autoComplete_option-bg-default: transparent; // 自动完成菜单选项背景颜色 - 默认态
    11. 

  11. $color-autoComplete_option-icon-default: transparent; // 自动完成菜单选项图标颜色 - 默认态
    12. 

  12. $color-autoComplete_option-bg-hover: var(--semi-color-fill-0); // 自动完成菜单选项背景颜色 - 悬停态
    13. 

  13. $color-autoComplete_option-bg-active: var(--semi-color-fill-1); // 自动完成菜单选项背景颜色 - 按下态
    14. 

  14. $color-autoComplete_option_disabled-text: var(--semi-color-disabled-text); // 禁用自动完成菜单选项文字颜色
    15. 

  15. $color-autoComplete_option_disabled-bg: transparent; // 禁用自动完成菜单选项背景颜色
    16. 

  16. $color-autoComplete_option-icon-active: var(--semi-color-text-2); // 禁用自动完成菜单选项图标颜色 - 选中态
    17. 

  17. $color-autoComplete_option-border-default: var(--semi-color-border); // 分组自动完成菜单项描边颜色
    18. 

  18. 

  19. $width-autoComplete_option_tick: $width-icon-small; // 自动完成菜单项选中对勾图标大小
    20. 

  20. $spacing-autoComplete_option_tick-marginRight: $spacing-tight; // 自动完成菜单选中对勾右侧外边距
    21. 

  21. 

  22. $spacing-autoComplete_option-paddingLeft: $spacing-base-tight; // 自动完成菜单项左侧内边距
    23. 

  23. $spacing-autoComplete_option-paddingRight: $spacing-base-tight; // 自动完成菜单项右侧内边距
    24. 

  24. $spacing-autoComplete_option-paddingTop: $spacing-tight; // 自动完成菜单项顶部内边距
    25. 

  25. $spacing-autoComplete_option-paddingBottom: $spacing-tight; // 自动完成菜单项底部内边距
    26. 

  26. $spacing-autoComplete_option_first-marginTop: $spacing-extra-tight; // 自动完成第一个菜单项顶部外边距
    27. 

  27. $spacing-autoComplete_option_last-marginBottom: $spacing-extra-tight; // 自动完成最后一个菜单项顶部外边距
    28. 

  28. 

  29. $spacing-autoComplete_option_list-paddingTop: 0px; // 自动完成内容区顶部内边距
    30. 

  30. $spacing-autoComplete_option_list-paddingRight: 0px; // 自动完成内容区右侧内边距
    31. 

  31. $spacing-autoComplete_option_list-paddingBottom: 0px; // 自动完成内容区底部内边距
    32. 

  32. $spacing-autoComplete_option_list-paddingLeft: 0px; // 自动完成内容区左侧内边距
    33. 

  33. 

  34. $radius-autoComplete_option: 0px; // 自动完成待选项圆角
    35. 

  35. 

  36. $color-autoComplete_option_main-text: var(--semi-color-text-0); // 自动完成菜单选项文本颜色
    37. 

  37. 

  38. $color-autoComplete_option-bg-default: transparent; // 自动完成菜单选项背景颜色 - 默认态
    39. 

  39. $color-autoComplete_option-icon-default: transparent; // 自动完成菜单选项图标颜色 - 默认态
    40. 

  40. $color-autoComplete_option-bg-hover: var(--semi-color-fill-0); // 自动完成菜单选项背景颜色 - 悬停态
    41. 

  41. $color-autoComplete_option-bg-active: var(--semi-color-fill-1); // 自动完成菜单选项背景颜色 - 按下态
    42. 

  42. $color-autoComplete_option_disabled-text: var(--semi-color-disabled-text); // 禁用自动完成菜单选项文字颜色
    43. 

  43. $color-autoComplete_option_disabled-bg: transparent; // 禁用自动完成菜单选项背景颜色
    44. 

  44. $color-autoComplete_option-icon-active: var(--semi-color-text-2); // 禁用自动完成菜单选项图标颜色 - 选中态
    45. 

  45. $color-autoComplete_option-border-default: var(--semi-color-border); // 分组自动完成菜单项描边颜色
    46. 

  46. 

  47. 

  48. $font-autoComplete-fontWeight: $font-weight-regular; // 自动完成文本字重
    49. 

  49. $font-autoComplete_inset_label-fontWeight: 600; // 自动完成内嵌标签文本字重
    50. 

  50. $font-autoComplete_keyword-fontWeight: 600; // 自动完成搜索结果命关键词中文本字重
    51.