// 颜色变量 $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%;