You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.9 KiB
95 lines
2.9 KiB
6 months ago
|
@white: #fff;
|
||
|
|
@primary-color: #00acff; // 全局主色
|
||
|
|
@button-primary-color: @primary-color;
|
||
|
|
@button-primary-hover-color: lighten(@primary-color, 5%);
|
||
|
|
@button-primary-active-color: darken(@primary-color, 5%);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
@link-color: #00acff; // 链接色
|
||
|
|
@success-color: #17BE6B; // 成功色
|
||
|
|
@warning-color: #FF9901; // 警告色
|
||
|
|
@error-color: #FF1744; // 错误色
|
||
|
|
@normal-color: #e6e4e4; // 普通色
|
||
|
|
@font-size-base: 12px; // 主字号
|
||
|
|
@font-size-lg:12px;
|
||
|
|
@heading-font-size-lg:16px;//标题字号
|
||
|
|
@heading-font-weight:600;//标题加粗
|
||
|
|
@font-line-height:22px;//文字行高
|
||
|
|
@heading-font-line-height:24px;//标题文字行高
|
||
|
|
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
|
||
|
|
|
||
|
|
|
||
|
|
@text-color: #323232; // 主文本色
|
||
|
|
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
|
||
|
|
@disabled-color: #BFBFBF; // 失效色
|
||
|
|
@border-radius-base: 2px; // 组件/浮层圆角
|
||
|
|
@border-color-base: #dcdfe2; // 边框色
|
||
|
|
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
|
||
|
|
@layout-body-background: #f0f2f5; //框架背景色
|
||
|
|
@layout-header-background:#37ABC4; // 头部背景色
|
||
|
|
@layout-header-color:rgba(0, 0, 0, 0.85);
|
||
|
|
@layout-header-link-color: #00acff; // 顶部链接色
|
||
|
|
@layout-sider-color:#323232;//侧边导航标题颜色
|
||
|
|
@layout-sider-background:#f7f9fb;//侧边导航背景色
|
||
|
|
@layout-nav-background:#f0f3f5;//nav背景色
|
||
|
|
@layout-nav-color:#52616f;//nav字体颜色
|
||
|
|
@layout-nav-hover:#fff;//navHover背景色
|
||
|
|
@layout-nav-check-color:#00acff;//nav选中颜色
|
||
|
|
@layout-sider-width:208px; //侧边导航宽度
|
||
|
|
@layout-sider-arrow-color:#808d96;//侧边导航箭头颜色
|
||
|
|
@border-style-base:solid;
|
||
|
|
@layout-header-height:48px;//头部高度
|
||
|
|
@line-height-base:22px; //todo 1.5715;
|
||
|
|
|
||
|
|
//btn
|
||
|
|
@btn-height-base:30px;
|
||
|
|
@btn-height-lg: 30px;
|
||
|
|
@btn-disable-color: #9b9b9b;//禁用按钮color
|
||
|
|
@btn-disable-bg: #dfe3e9;//禁用按钮background
|
||
|
|
@btn-disable-border: 1px solid #ced0da;
|
||
|
|
@btn-border-radius-base: @border-radius-base;//圆角边框
|
||
|
|
@btn-border-width: 1px;
|
||
|
|
@btn-border-style: @border-style-base;
|
||
|
|
@btn-text-hover-bg: #46ebdb;
|
||
|
|
@btn-font-size-lg: @font-size-lg;
|
||
|
|
|
||
|
|
//input
|
||
|
|
@input-height-base: 30px;
|
||
|
|
@input-hover-focus-border-color:#a5a5b5;
|
||
|
|
// @input-hover-border-color: rgba(0,0,0,.85);//鼠标滑过input边框
|
||
|
|
|
||
|
|
//form
|
||
|
|
@label-color:#52616f;//form-lable颜色
|
||
|
|
@form-vertical-label-padding: 0;//垂直lable之间内间距
|
||
|
|
@form-vertical-label-margin: 0,0,16,0px;//垂直lable之间外间距
|
||
|
|
@form-item-label-height:@input-height-base;
|
||
|
|
@form-item-margin-bottom: 16px;
|
||
|
|
|
||
|
|
//menu
|
||
|
|
@menu-item-height: 48px;
|
||
|
|
@menu-item-active-bg: none;
|
||
|
|
@menu-item-boundary-margin: 0px;
|
||
|
|
|
||
|
|
//spin
|
||
|
|
@spin-dot-size-sm: 14px;
|
||
|
|
@spin-dot-size: 20px;
|
||
|
|
@spin-dot-size-lg: 32px;
|
||
|
|
|
||
|
|
@border-width-base: 1px;
|
||
|
|
@border-style-base: solid;
|
||
|
|
|
||
|
|
//nav
|
||
|
|
@nav-open-width:200px;
|
||
|
|
@nav-width:48px;
|
||
|
|
|
||
|
|
//table
|
||
|
|
@table-padding-vertical: 16px;
|
||
|
|
@table-padding-horizontal: 16px;
|
||
|
|
@table-padding-vertical-md: (@table-padding-vertical * 3 / 4);
|
||
|
|
@table-padding-horizontal-md: (@table-padding-vertical * 3 / 4);
|
||
|
|
|