@charset "UTF-8";
@import "../../compile/theme/sass/_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:40px;

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

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

//表单、分页、按钮基本高度
$base-height:floor($base-font-size * $base-line-height + $base-padding-vertical * 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:#1abd9e;
$color-theme-active:#1abd9e;

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

//边框色
$color-border:#c8c7cc;//#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-aa:#FF838B;
//$color-ab:#32a0bb;
//$color-ac:#4ba059;
//$color-ae:#f09c17;
//$color-af:#b754c3;
//$color-ag:#49A8DF;
$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;

//导航条调度
$height-nav: 60px;