/***********************************************************
|
|
*FileName: variables.scss
|
*Description: 公用css样式变量
|
*Version: 1.0.0
|
|
--------------------------------------------------------
|
*updateDate:
|
*Aurthor:
|
*Description:
|
|
***********************************************************/
|
|
// ------------------------ 字体 ------------------------
|
$fontSizeMin: 12px; // 最小字体
|
$fontSizeP: 15px; // 默认字体大小
|
$fontSize: 14px; // 默认字体大小
|
|
$fontHeight: 16px; // 默认字体行高
|
$fontWeight: 400; // 默认字体粗细
|
$fontWeightMin: 300; // 默认字体粗细
|
|
$titleSize: 16px; // 默认标题3字体大小
|
$titleSize1: 18px; // 默认标题2字体大小
|
$titleSize2: 28px; // 默认标题3字体大小
|
|
$radius: 10px; //圆角
|
$spacing: 10px; // 默认间距
|
$borderRadius: 5px; // 默认圆角
|
|
// ------------------------Them default------------------------
|
// --文字
|
$fontColor: #666666; // 默认字体颜色
|
$fontColorW: #ffffff; // 默认字体颜色
|
$moduleFontColor: #3380f3; // 小窗口标题
|
$subFontColor: #98a3bd; // 副标题字体颜色
|
$activeColor: #3380f3; // 活跃色
|
$cardBoxBadgeColor: #327ef3; // card 标题徽标色
|
|
// --线条、边框
|
$borderColor: #e9f2ff; // 边框颜色
|
$inputBorderColor: #E9EEF3; // 输入框边框颜色
|
|
// 区域、背景 颜色
|
$bgColor: #e9f0ff; // 背景色
|
$fgColor: #ffffff; // 前景色
|
$fgColorOp: rgba(255, 255, 255, 0.9); // 前景 透明
|
$tableRowStripedColor: #e9f2ff; // 表格斑马先
|
$tableRowSelectColor: #BDD5F8; // 表格行选中颜色
|
$boxBgColor: #f5f9fe; // 自定义块状元素浅色背景色
|
$tableRowStripBg: #e9f2ff;
|
|
//列表
|
$tableHeadBgColor: #fff; //表头背景颜色
|
$tableHeadFontColor: #333333; //表头字体颜色
|
$tableHeadSColor: #E9EEF3; //表头分割线颜色
|
|
//布局表格（显示详细信息）
|
$tableBgColor:rgba(233, 242, 255, 1);
|
$tableBdColor:#dae6fe;
|
|
//弹框
|
$dragDialogHeadBgColor: #3287f4; // 弹窗表头背景色
|
|
// --其它
|
$color1: #1eb955; // 其他颜色
|
$color2: #933333; // 其他颜色
|
|
// ------------------------Them light------------------------
|
$bgColor_light: #f3f7f9; // 背景色
|
$fgColor_light: #ffffff; // 前景色
|
$fontColor_light: #313b47; // 默认字体颜色
|
$subFontColor_light: rgba(49, 59, 71, 0.5); // 副标题字体颜色
|
$activeColor_light: #4d98ff; // 活跃色
|
$borderColor_light: #e9eef3; // 边框颜色
|
$inputBorderColor_light: #dcdfe6; // 输入框边框颜色
|
|
// $color1_light: #4d98ff; // 其他颜色
|
// $color2_light: #ff6d4a; // 其他颜色
|
// $color3_light: #313b47; // 其他颜色
|
// $color4_light: #d1d3d6; // 其他颜色
|
// $color5_light: #313b47; // 其他颜色
|
