products-site/css/var.scss

// color
$red: #e52727;
$orange: #f24e24;
$blue: #307fe2;
$green: #2db270;
$cyan: #09abba;
$yellow: #ffaa00;
$purple: #835ce5;
$black: #25282a;
$title-black: #212326;
$white: white;
$warm-gery: #767b83;
$font-grey: #575a61;
$black-grey : #303030;
$subtitle-grey: #71747a;
$border-grey: #dedede;
$background-grey: #fafbfc;
$border-grey: #edf0f2;
$light-blue: #599cff;
$hover-blue: #2e77e5;
$navy-blue: #004cbf;
$dark-blue: #0b5dd9;
$title-blue: #003da6;

// Tag background
$background-purple: #f5f0ff;
$background-blue: #ebf3ff;
$background-cyan: #e5fdff;
$background-green: #e5fff2;
$background-yellow: #fffae5;
$background-red: #fff4f2;

// size
$page-form-width: 490px;
$content-width: 1000px;
$top-nav-bar-height:60px;
$border-radius: 4px;

// font
$normal-font-size: 14px;
$middle-font-size: 20px;
$large-font-size: 24px;
$title-font-size: 32px;
$huge-font-size: 36px;

// font weight
$head-weight: 500;

// response content width
$middle-content-width: 800px;
$small-content-width: 555px;
$phone-content-width: 375px;

// box shadow
$large-img-shadow: 0 20px 24px 0 rgba(48, 48, 48, 0.1), 0 0 1px 0 rgba(48, 48, 48, 0.2);



//文本样式统一
//色值
$dark-grey: #1d1e20;
$mid-grey: #45464a;
$light-grey: #6c6f75;
$disable-button: #c5c7c9;

//字体大小
$h1-size: 44px;
$h2-size: 32px;
$h3-size: 24px;
$h4-size: 20px;
$h5-size: 16px;
$t1-size: 16px;
$t2-size: 14px;
$t3-size: 12px;

//行高,其余均为1.5
$h1-lh: 60px;
$h5-lh: 28px;
$t1-lh: 28px;
$t2-lh: 24px;