صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
Apq
/
semi-design
mirrorاز https://github.com/DouyinFE/semi-design.git
1
0
انشعاب 0
پرونده‌ها مشکلات 0 ویکی
شاخه: fix/progress-size
شاخه‌ها تگ‌ها
semi-design
/
packages
/
semi-foundation
/
form
/
variables.scss

variables.scss 3.6 KB
لینک دائمی تاريخچه خام

1234567891011121314151617181920212223242526272829303132333435363738394041424344 
  1. $spacing-form_label-paddingTop: ($height-control-default - 20) / 2; // 水平布局表单标题顶部内边距
    2. 

  2. $spacing-form_label_small-paddingTop: ($height-control-default - 24) / 2; // 水平布局 小尺寸表单标题顶部内边距
    3. 

  3. 

  4. $spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单标题右侧内边距
    5. 

  5. $spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距 
    6. 

  6. 

  7. $spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单顶部内边距
    8. 

  8. $spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单底部内边距
    9. 

  9. 

  10. $spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距 
    11. 

  11. $spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距 
    12. 

  12. $spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距 
    13. 

  13. $spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距 
    14. 

  14. $spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距 
    15. 

  15. 

  16. $spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距 
    17. 

  17. $spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距 
    18. 

  18. $spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距 
    19. 

  19. $spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距 
    20. 

  20. $spacing-form_label_posLeft-marginRight: $spacing-extra-tight; // 水平布局表单标题右侧外边距 
    21. 

  21. $spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距 
    22. 

  22. $spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 垂直布局表单标题顶部内边距
    23. 

  23. $spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 垂直布局表单标题底部内边距
    24. 

  24. $spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 居中
    25. 

  25. $spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单额外信息辅助文字底部外边距 - 居中
    26. 

  26. $spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 底部
    27. 

  27. $spacing-form_statusIcon-marginRight: $spacing-extra-tight;  // 表单校验图标右侧外边距
    28. 

  28. 

  29. $spacing-form_message-marginTop: $spacing-extra-tight; // 表单校验信息顶部外边距
    30. 

  30. 

  31. $font-form_label-fontWeight: $font-weight-bold; // 表单标题字重
    32. 

  32. $font-form_requiredMark-fontWeight: $font-weight-bold; // 表单必填标识字重
    33. 

  33. 

  34. $color-form_label-text-default: var(--semi-color-text-0); // 表单标题文字颜色
    35. 

  35. $color-form_label_extra-text-default: var(--semi-color-tertiary); // 表单额外信息辅助文字颜色
    36. 

  36. 

  37. $color-form_label_disabled-text-default: var(--semi-color-disabled-text); // 禁用表单项标题文字颜色
    38. 

  38. $color-form_requiredMark-text-default: var(--semi-color-danger); // 必填标记颜色
    39. 

  39. $color-form_requiredMark_disabled-text-default: var(--semi-color-danger);  // 禁用表单项必填标记颜色
    40. 

  40. $color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告表单项图标颜色
    41. 

  41. $color-form_message_error-text-default: var(--semi-color-danger); // 错误表单项图标颜色
    42. 

  42. $color-form_section-text-default: var(--semi-color-text-0); // 表单分组标题文字颜色
    43. 

  43. $color-form_section-border-default: var(--semi-color-border); // 表单分组描边颜色
    44. 

  44. $width-form_section-border: $border-thickness-control; // 表单分组描边宽度
    45.