@import '~antd/dist/antd.less';
|
|
@main-color: #ee1d22; // 主色
|
@adorn-color1: #f07b1d; // 点缀色
|
@adorn-color2: #bf1779; // 点缀色
|
@complementary-color: #20c318; // 互补色
|
|
@text-color: rgba(0, 0, 0, 0.85); // 正文颜色,一级字体颜色
|
@one-text-color: rgba(0, 0, 0, 0.85); // 一级字体颜色
|
@second-text-color: rgba(0, 0, 0, 0.65); // 二级字体颜色
|
@three-text-color: rgba(0, 0, 0, 0.45); // 三级字体颜色
|
|
@border-color: #e6e6e6; // 分割线
|
|
// 间距
|
@padding-small: 8px;
|
@padding-middle: 16px;
|
@padding-big: 24px;
|
|
@borderRadius: 2px; // 圆角
|
|
// 提示性颜色
|
@loading-color: #1089ff; // 进行中
|
@success-color: #52c41a; // 成功，完成
|
@danger-color: #f5222d; // 失败，危险
|
@warn-color: #faad14; // 警告
|
|
@bg-color: #f0f2f5; // 背景色
|
|
@red-1: #fff1f0;
|
|
html,
|
body {
|
margin: 0;
|
padding: 0;
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
|
#root {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
font-size: 14px;
|
line-height: 22px;
|
color: @text-color;
|
height: 100%;
|
width: 100%;
|
background-color: @bg-color;
|
}
|
|
h1,
|
h2,
|
h3,
|
h4 {
|
font-weight: 500;
|
color: @one-text-color;
|
}
|
|
h1 {
|
font-size: 30px;
|
line-height: 38px;
|
}
|
|
h2 {
|
font-size: 24px;
|
line-height: 32px;
|
}
|
|
h3 {
|
font-size: 18px;
|
line-height: 26px;
|
}
|
|
h4 {
|
font-size: 16px;
|
line-height: 24px;
|
}
|
