Página inicial Explorar Ajuda
Entrar
Apq
/
semi-design
mirror de https://github.com/DouyinFE/semi-design.git
1
0
Fork 0
Arquivos Issues 0 Wiki
Branch: release
Branches Tags
semi-design
/
packages
/
semi-foundation
/
floatButton
/
variables.scss

variables.scss 3.2 KB
Link permanente Histórico Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 
  1. $spacing-floatButton-bottom: 24px; // 悬浮按钮距离底部距离
    2. 

  2. $spacing-floatButton-right: 24px; // 悬浮按钮距离右侧距离
    3. 

  3. 

  4. $spacing-floatButton_group-bottom: 24px; // 悬浮按钮组距离底部距离
    5. 

  5. $spacing-floatButton_group-right: 24px; // 悬浮按钮组距离右侧距离
    6. 

  6. $spacing-floatButton_group-padding: 6px; // 悬浮按钮组内间距
    7. 

  7. $spacing-floatButton_group-columnGap: 4px; // 悬浮按钮组中子项目水平间距
    8. 

  8. $spacing-floatButton_group_item-paddingX: 12px; // 悬浮按钮组中子项目水平内间距
    9. 

  9. $spacing-floatButton_group_item-paddingY: 6px; // 悬浮按钮组中子项目垂直内间距
    10. 

  10. $spacing-floatButton_group_item-columnGap: 8px; // 悬浮按钮组子项目内容水平间距
    11. 

  11. 

  12. $width-floatButton_small: 24px; // 悬浮按钮小尺寸宽度
    13. 

  13. $width-floatButton: 32px; // 悬浮按钮默认尺寸宽度
    14. 

  14. $width-floatButton_large: 40px; // 悬浮按钮大尺寸宽度
    15. 

  15. 

  16. $color-floatButton-bg:  var(--semi-color-fill-0); // 悬浮按钮背景色
    17. 

  17. $color-floatButton-text:  var(--semi-color-primary); // 悬浮按钮文字颜色
    18. 

  18. $color-floatButton-bg-hover:  var(--semi-color-fill-1); // 悬浮按钮背景色-悬浮态
    19. 

  19. $color-floatButton-bg-active:  var(--semi-color-fill-2); // 悬浮按钮背景色-按下
    20. 

  20. $color-floatButton-disabled-bg:  var(--semi-color-disabled-bg); // 悬浮按钮背景色-禁用态
    21. 

  21. $color-floatButton-disabled-text:  var(--semi-color-disabled-text); // 悬浮按钮文字颜色-禁用态
    22. 

  22. $color-floatButton-colorful-bg:  var(--semi-color-ai-general); // 悬浮按钮colorful背景色
    23. 

  23. $color-floatButton-colorful-text:  var(--semi-color-white); // 悬浮按钮colorful文字颜色
    24. 

  24. $color-floatButton-colorful-bg-hover:  var(--semi-color-ai-general-hover); // 悬浮按钮colorful背景色-悬浮态
    25. 

  25. $color-floatButton-colorful-bg-active:  var(--semi-color-ai-general-active); // 悬浮按钮colorful背景色-按下
    26. 

  26. 

  27. $color-floatButton_group-bg:  var(--semi-color-bg-0); // 悬浮按钮组背景色
    28. 

  28. $color-floatButton_group_item-text:  var(--semi-color-text-0); // 悬浮按钮组文字颜色
    29. 

  29. $color-floatButton_group_item-bg-hover:  var(--semi-color-fill-1); // 悬浮按钮组hover背景色-悬浮态
    30. 

  30. $color-floatButton_group_item-bg-active:  var(--semi-color-fill-2); // 悬浮按钮组hover背景色-按下
    31. 

  31. $color-floatButton_group-disabled-bg:  var(--semi-color-disabled-bg); // 悬浮按钮组背景色-禁用态
    32. 

  32. $color-floatButton_group-disabled-text:  var(--semi-color-disabled-text); // 悬浮按钮组文字颜色-禁用态
    33. 

  33. 

  34. $z-floatButton: 1000; // 悬浮按钮z-index
    35. 

  35. $z-floatButton_group: 1000; // 悬浮按钮组z-index
    36. 

  36. 

  37. $radius-floatButton_square: 8px; // 悬浮按钮方形圆角
    38. 

  38. $radius-floatButton_round: var(--semi-border-radius-full); // 悬浮按钮圆形圆角
    39. 

  39. $radius-floatButton_group-border-radius: 8px; // 悬浮按钮组圆角
    40. 

  40. $radius-floatButton_group_item-border-radius: 4px; // 悬浮按钮组子项目圆角
    41. 

  41. 

  42. $font-floatButton_group_item-fontWeight: 400; // 悬浮按钮组子项目文字粗细
    43. 

  43. $font-floatButton_group_item-lineHeight: 20px; // 悬浮按钮组子项目文字行高
    44. 

  44. $font-floatButton_group_item-fontSize: 14px; // 悬浮按钮组子项目文字大小
    45. 

  45. 

  46. $shadow-floatButton_group: var(--semi-shadow-elevated); // 悬浮按钮组阴影
    47. 

  47. $shadow-floatButton: var(--semi-shadow-elevated); // 悬浮按钮阴影
    48.