variables.scss
1.39 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
// 颜色变量
$primary-color: #409EFF;
$success-color: #67C23A;
$warning-color: #E6A23C;
$danger-color: #F56C6C;
$info-color: #909399;
$primary-color-light: #ecf5ff;
$success-color-light: #f0f9eb;
$warning-color-light: #fdf6ec;
$danger-color-light: #fef0f0;
$info-color-light: #f4f4f5;
// 背景色
$background-color: #f7f9fc;
$sidebar-background: #001529;
$sidebar-light-background: #ffffff;
// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;
$text-placeholder: #c0c4cc;
// 边框颜色
$border-color: #dcdfe6;
$border-color-light: #e4e7ed;
$border-color-lighter: #ebeef5;
// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$box-shadow-dark: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
// 字体
$font-family: "Source Han Sans CN", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
// 字体大小
$font-size-extra-large: 20px;
$font-size-large: 18px;
$font-size-medium: 16px;
$font-size-base: 14px;
$font-size-small: 13px;
$font-size-extra-small: 12px;
// 字体粗细
$font-weight-primary: 500;
$font-weight-secondary: 400;
// 边距
$spacer: 20px;
$spacer-small: 10px;
$spacer-large: 30px;
// 圆角
$border-radius-base: 4px;
$border-radius-medium: 8px;
$border-radius-large: 12px;
// 侧边栏宽度
$sidebar-width: 240px;
$sidebar-collapsed-width: 64px;