@import "../../compile/theme/less/_setting";

//padding设置
@base-padding: 6px;
@base-padding-vertical: @sys-padding-vertical-sm;
@base-padding-horizontal: @sys-padding-horizontal-sm;

//表单标签宽度设置
@base-label-width: 120px;

//条高度
@base-bar-height: 48px;

//行高设置
@base-line-height: 1.42857143;

//字体大小设置
@base-font-size: @sys-font-size-sm;

//表单、分页、按钮基本高度
@base-height: floor(@base-font-size * @base-line-height + @sys-padding-vertical-sm * 2 + 2);
@height-xs: floor(@sys-font-size-xs * @base-line-height + @sys-padding-vertical-xs * 2 + 2);
@height-sm: floor(@sys-font-size-sm * @base-line-height + @sys-padding-vertical-sm * 2 + 2);
@height-md: floor(@sys-font-size-md * @base-line-height + @sys-padding-vertical-md * 2 + 2);
@height-lg: floor(@sys-font-size-lg * @base-line-height + @sys-padding-vertical-lg * 2 + 2);

//基本色
@base-color: @sys-color-deepgray;

//基本背景色
@base-color-bg:#ccc;

//墙纸色
@color-wall:#efeff4;

//移动端墙纸色
@color-mobile-wall:#efeff4;

//移动端设备色
@color-ios-bg:#b5b5b5;
@color-android-bg:#aacf41;

//主题色
@color-theme: #3391ff;
@color-theme-active:#3391ff;
// @color-theme:#1abd9e;
// @color-theme-active:#1abd9e;

//链接颜色
@color-link: @base-color;
@color-link-hover: @color-theme;

//边框色
@color-border:#e0e0e0; // #ddd
//高亮色
@color-highlight:#f7f7f9;
//顶部色
@color-top:#434343;
//头部色
@color-header:@color-theme;
//导航色
@color-nav:@color-theme;
//底部色
@color-footer:#434343;

//常用色
@color-smoke:#e3e3e3;
@color-boundry:#434343;
@color-highlight:#f7f7f9;
@color-silver:#cccccc;
@color-orange:#f78989;
@color-gold:#f8a20f;
@color-sky:#31b4e2;
@color-gress:#5db75d;
@color-lime:#19ae88;
@color-dodgerblue:#5faee3;
@color-orangered:#ff1f00;
@color-red:#e2265b;

//扩展颜色，排除ad、da
@color-aaa:#FF838B;
@color-aab:#32a0bb;
@color-aac:#4ba059;
@color-aae:#f09c17;
@color-aaf:#b754c3;
@color-aag:#49A8DF;
@color-aah:#FF6D57;
@color-aai:#95D639;

//页面最小宽度
@width-center-min: @sys-dev-width-md - @sys-scroll-width - @sys-layout-sm * 2;//980px

//页面最大宽度
@width-center-max: 1200px;

//自适应rem配置
@view-base: 720;
@rem-font-size-num: 40;
@rem-font-base: 1rem * @rem-font-size-num;

//字体相对大小设置
@base-em: 40px;
@base-rem: 40px;

//自适应em配置
//@em-font-size-num:50;
//@em-font-size-px:1px * @em-font-size-num;
//@em-font-base:1em * @em-font-size-num;