43 lines
832 B
SCSS
43 lines
832 B
SCSS
// 颜色变量
|
|
$primary-color: #409eff;
|
|
$success-color: #67c23a;
|
|
$warning-color: #e6a23c;
|
|
$danger-color: #f56c6c;
|
|
$info-color: #909399;
|
|
|
|
// 文字颜色
|
|
$text-primary: #303133;
|
|
$text-regular: #606266;
|
|
$text-secondary: #909399;
|
|
$text-placeholder: #c0c4cc;
|
|
|
|
// 边框颜色
|
|
$border-color-base: #dcdfe6;
|
|
$border-color-light: #e4e7ed;
|
|
$border-color-lighter: #ebeef5;
|
|
$border-color-extra-light: #f2f6fc;
|
|
|
|
// 背景颜色
|
|
$background-color-base: #f5f7fa;
|
|
|
|
// 断点
|
|
$breakpoints: (
|
|
'sm': 576px,
|
|
'md': 768px,
|
|
'lg': 992px,
|
|
'xl': 1200px
|
|
);
|
|
|
|
// 字体大小
|
|
$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;
|
|
|
|
// 圆角
|
|
$border-radius-base: 4px;
|
|
$border-radius-small: 2px;
|
|
$border-radius-large: 8px;
|
|
$border-radius-circle: 50%; |