//自适应配置
@sys-media-rule-flag:1;

//资源地址
@sys-bgurl:"../images";
@sys-fonts-url:"../fonts";

//字体
@sys-font-yahei:"Microsoft YaHei",Arial,Helvetica,sans-serif;
@sys-font-songti:"SimSun",@sys-font-yahei;//宋体
@sys-font-heiti:"SimHei",@sys-font-yahei;//黑体

//白黑灰色
@sys-color-snow:#fff;
@sys-color-lightgray:#999;
@sys-color-gray:#666;
@sys-color-deepgray:#333;
@sys-color-blackgray:#324156;
@sys-color-black:#000;

//灰色
@sys-color-gray-1:#fbfbfb;
@sys-color-gray-2:#f2f2f2;
@sys-color-gray-3:#eeeeee;
@sys-color-gray-4:#e2e2e2;
@sys-color-gray-5:#dddddd;
@sys-color-gray-6:#d2d2d2;
@sys-color-gray-7:#c2c2c2;
@sys-color-gray-8:#b2b2b2;
@sys-color-gray-9:#a2a2a2;

//状态色
@sys-color-unstart: #cecece;
@sys-color-start: #1e90ff;
@sys-color-run: #32cd32;
@sys-color-caution: #ffa800;//#ffd700;
@sys-color-error: #ff0000;

//场景色
@sys-color-primary: #439EFF;
@sys-color-success: #69C13D;
@sys-color-info: #92939A;
@sys-color-warn: #E7A43D;
@sys-color-danger:#F66D6F;
@sys-color-muted: #E0E0E0;
@sys-color-shadow: #FAFAFA;
@sys-color-fog: #F2F2F7;

//链接颜色
@sys-color-link: #439EFF;
@sys-color-link-hover: darken(#439EFF, 5%);

//主题色
@sys-color-theme-0:#1abd9e;//叶绿
@sys-color-theme-1:#e04e31;//朱砂
@sys-color-theme-2:#ec6827;//果彤
@sys-color-theme-3:#d03e41;//胭脂
@sys-color-theme-4:#ff677c;//茜红
@sys-color-theme-5:#ff94c6;//酡粉
@sys-color-theme-6:#63b4fc;//空蓝
@sys-color-theme-7:#4fc7ce;//碧蓝
@sys-color-theme-8:#4e6fcb;//酞蓝
@sys-color-theme-9:#7d6fc2;//莓紫
@sys-color-theme-10:#19b563;//竹青
@sys-color-theme-11:#76c61e;//柳青
@sys-color-theme-12:#3e4157;//墨青
@sys-color-theme-13:#D74B28;
@sys-color-theme-14:#02C1ED;
@sys-color-theme-15:#67C962;
@sys-color-theme-16:#FCD208;

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

//间隔
@sys-layout-xs: 4px;
@sys-layout-sm: 8px;
@sys-layout-md: 16px;
@sys-layout-lg: 24px;
@sys-layout-xl: 32px;
@sys-layout-xxl: 48px;

//垂直
@sys-padding-vertical-xs: 4px;
@sys-padding-vertical-sm: 6px;
@sys-padding-vertical-md: 8px;
@sys-padding-vertical-lg: 10px;

//水平
@sys-padding-horizontal-xs: 12px;
@sys-padding-horizontal-sm: 16px;
@sys-padding-horizontal-md: 20px;
@sys-padding-horizontal-lg: 24px;

//字体大小
@sys-font-size-xs: 12px;
@sys-font-size-sm: 14px;
@sys-font-size-md: 18px;
@sys-font-size-lg: 24px;

//标题大小
@sys-h1-size: 36px;
@sys-h2-size: 30px;
@sys-h3-size: 24px;
@sys-h4-size: 18px;
@sys-h5-size: 14px;
@sys-h6-size: 12px;

//圆角大小
@sys-radius-xs: 2px;
@sys-radius-sm: 4px;
@sys-radius-md: 5px;
@sys-radius-lg: 7px;

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


//层级大小
@sys-zindex-xs: 3;
@sys-zindex-sm: 6;
@sys-zindex-md: 9;
@sys-zindex-lg: 12;
@sys-zindex-xl: 16;
@sys-zindex-xxl: 20;

//缓动时间
@sys-duration-xs: 100ms;
@sys-duration-sm: 400ms;
@sys-duration-md: 800ms;
@sys-duration-lg: 1.5s;

////分辨率800*600，1024×768，1280*1024，1440×900，1680×1050，1920×1600，2048×1536////
//设备最小可视宽度
@sys-view-dev-width-xs: 280px;

// 栅格宽度设置
@sys-grid-lg: 1200px;
@sys-grid-md: 992px;
@sys-grid-sm: 768px;
@sys-grid-xs: 480px;
// media max值
@sys-grid-lg-max: 1199px;
@sys-grid-md-max: 991px;
@sys-grid-sm-max: 767px;

//宽度设置
@sys-dev-width-hs: 320px;
@sys-dev-width-xxs: 480px;
@sys-dev-width-xs: 640px;
@sys-dev-width-sm: 800px;
@sys-dev-width-md: 1024px;
@sys-dev-width-lg: 1240px;
@sys-dev-width-xl: 1440px;
@sys-dev-width-xxl: 1680px;
@sys-dev-width-hg: 1920px;
@sys-dev-width-xh: 2048px;
//最小值
@sys-dev-width-hs-min: 300px;
@sys-dev-width-xxs-min: 460px;
@sys-dev-width-xs-min: 620px;
@sys-dev-width-sm-min: 780px;
@sys-dev-width-md-min: 1000px;
@sys-dev-width-lg-min: 1220px;
@sys-dev-width-xl-min: 1440px;
@sys-dev-width-xxl-min: 1680px;
@sys-dev-width-hg-min: 1920px;
@sys-dev-width-xh-min: 2048px;
//最大值
@sys-dev-width-hs-max: 320px;
@sys-dev-width-xxs-max: 480px;
@sys-dev-width-xs-max: 640px;
@sys-dev-width-sm-max: 800px;
@sys-dev-width-md-max: 1024px;
@sys-dev-width-lg-max: 1240px;
@sys-dev-width-xl-max: 1440px;
@sys-dev-width-xxl-max: 1680px;
@sys-dev-width-hg-max: 1920px;
@sys-dev-width-xh-max: 2048px;

//滚动条宽度
@sys-scroll-width: 24px;
// 导航条调度
@sys-height-nav: 48px;
// 侧栏宽度
@sys-width-side: 256px;
// 底部调度
@sys-height-footer: 32px;
// 行高设置
@sys-line-height: 1.42857143;