Home Verkennen Help
Registreren Inloggen
Apq
/
semi-design
spiegel van https://github.com/DouyinFE/semi-design.git
1
0
Vork 0
Bestanden Issues 0 Wiki
Aftakking: test-code-coverage
Aftakkingen Labels
semi-design
/
packages
/
semi-foundation
/
popconfirm
/
variables.scss

variables.scss 2.8 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536 
  1. // Color
    2. 

  2. $color-popconfirm_header-text: var(--semi-color-text-0); // 标题文字颜色
    3. 

  3. $color-popconfirm_body-text: var(--semi-color-text-2); // 正文文字颜色
    4. 

  4. $color-popconfirm_header_alert-icon: var(--semi-color-warning); // 警示图标颜色
    5. 

  5. 

  6. // Width/Height
    7. 

  7. $width-popconfirm-icon: 24px; // 图标宽度
    8. 

  8. $width-popconfirm_close_btn: 24px; // 关闭按钮宽度
    9. 

  9. $width-popconfirm-maxWidth: 400px; // 整体最大宽度
    10. 

  10. 

  11. // Spacing
    12. 

  12. $spacing-popconfirm-top: 24px; // 顶部内边距
    13. 

  13. $spacing-popconfirm-bottom: 20px; // 底部内边距
    14. 

  14. $spacing-popconfirm_btn_close-margin: 24px; // 关闭按钮顶部 & 右侧外边距
    15. 

  15. $spacing-popconfirm_with_arrow-padding: 12px; // 顶部内边距
    16. 

  16. $spacing-popconfirm_inner_close_btn-top: 0; // 关闭按钮距顶部距离
    17. 

  17. $spacing-popconfirm_inner_close_btn-right: 0; // 关闭按钮距右侧距离
    18. 

  18. $spacing-popconfirm_header-marginRight: $spacing-popconfirm_btn_close-margin + $width-popconfirm_close_btn + 20px; // header 右侧外边距
    19. 

  19. $spacing-popconfirm_header_title-marginBottom: 8px; // header 标题底部外边距
    20. 

  20. $spacing-popconfirm_header_content_p-padding: 0; // header 正文内边距
    21. 

  21. $spacing-popconfirm_header_content_p-margin: 0; // header 正文外边距
    22. 

  22. $spacing-popconfirm_body_p-padding: 0; // body 正文内边距
    23. 

  23. $spacing-popconfirm_body_p-margin: 0; // body 正文外边距
    24. 

  24. $spacing-popconfirm_footer-marginTop: 25px; // footer 顶部外边距
    25. 

  25. $spacing-popconfirm_footer_btn-marginRight: 8px; // footer 按钮右侧外边距
    26. 

  26. $spacing-popconfirm_popover_with_arrow_inner-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距
    27. 

  27. $spacing-popconfirm_popover_with_arrow_inner_rtl-padding: ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding) ($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding); // 带三角形箭头时的内边距(rtl)
    28. 

  28. $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginTop: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的顶部外边距
    29. 

  29. $spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight: $spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding; // 带三角形箭头时关闭按钮的右侧外边距
    30. 

  30. $spacing-popconfirm_header_icon-marginRight: 12px; // header 图标的右侧外边距
    31. 

  31. 

  32. // Font
    33. 

  33. $font-popconfirm_header_title-fontWeight: $font-weight-bold; // header 标题字重
    34. 

  34. 

  35. // Radius
    36. 

  36. $radius-popconfirm-popover: var(--semi-border-radius-medium); // 气泡确认框圆角大小
    37.