variables.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // Color
  2. $color-ai_card_section_default-text-default: var(--semi-color-text-0);
  3. $color-ai_card_section_default-bg-default: var(--semi-color-white);
  4. $color-ai_card_section_default-border-default: var(--AI-light-general-1, #ffffff);
  5. $color-ai_card_section_stroked-bg-default: var(--semi-color-white);
  6. $color-ai_card_section_filled-bg-default: var(--AI-Light-General-general-0);
  7. $color-ai_card_section_filled-bgImage-default: linear-gradient(308.66deg, #fff2ff 0%, #f8edff 30%, #f4f4ff 60%, #eff7ff 100%);
  8. $color-ai_card_section_filled_top-bg-default: var(--semi-color-bg-0);
  9. $color-ai_card_section_filled_top_bg-bg-default: var(--AI-Light-Background-top-0);
  10. $color-ai_card_section_separator-bg-default: #fff;
  11. $color-ai_card_section_rectangle-bg-default: var(--AI-Light-General-general-0);
  12. $color-ai_card_section_rectangle-bgImage-default: linear-gradient(302.99deg, #fff2ff 0%, #f8edff 30%, #f4f4ff 60%, #eff7ff 100%);
  13. // Width / Height
  14. $width-ai_card_section_block_icon: 20px;
  15. $height-ai_card_section_block_icon: 20px;
  16. $width-ai_card_section_block_title-minWidth: 101px;
  17. $width-ai_card_section_default: 382px;
  18. $height-ai_card_section_default: 319px;
  19. $width-ai_card_section_stroked: 382px;
  20. $height-ai_card_section_stroked: 320px;
  21. $width-ai_card_section_filled: 414px;
  22. $height-ai_card_section_filled: 336px;
  23. // Spacing
  24. $spacing-ai_card_section_block_header-paddingTop: 24px;
  25. $spacing-ai_card_section_block_header-paddingRight: 16px;
  26. $spacing-ai_card_section_block_header-paddingBottom: 24px;
  27. $spacing-ai_card_section_block_header-paddingLeft: 16px;
  28. $spacing-ai_card_section_block_icon-marginRight: 8px;
  29. $spacing-ai_card_section_block_footer-marginTop: auto;
  30. $spacing-ai_card_section_default-paddingTop: 0;
  31. $spacing-ai_card_section_default-paddingRight: 23px;
  32. $spacing-ai_card_section_default-paddingBottom: 23px;
  33. $spacing-ai_card_section_default-paddingLeft: 23px;
  34. $spacing-ai_card_section_stroked-paddingTop: 0;
  35. $spacing-ai_card_section_stroked-paddingRight: 24px;
  36. $spacing-ai_card_section_stroked-paddingBottom: 24px;
  37. $spacing-ai_card_section_stroked-paddingLeft: 24px;
  38. $spacing-ai_card_section_filled-paddingTop: 0;
  39. $spacing-ai_card_section_filled-paddingRight: 8px;
  40. $spacing-ai_card_section_filled-paddingBottom: 8px;
  41. $spacing-ai_card_section_filled-paddingLeft: 8px;
  42. $spacing-ai_card_section_filled_top-paddingTop: 0;
  43. $spacing-ai_card_section_filled_top-paddingRight: 0;
  44. $spacing-ai_card_section_filled_top-paddingBottom: 164px;
  45. $spacing-ai_card_section_filled_top-paddingLeft: 0;
  46. $spacing-ai_card_section_separator-padding: 12px;
  47. // Radius
  48. $radius-ai_card_section_block: 8px;
  49. $radius-ai_card_section_filled_top_bg: 8px;
  50. $radius-ai_card_section_separator: 7px;
  51. // Font
  52. $font-ai_card_section_default-fontSize: 18px;
  53. $font-ai_card_section_default-fontWeight: 600;