adapterui/css/adapterui-config.less

a simple web framework

//普通字体颜色
@font-color:#657180;
@font-color-xs:#fff;
@font-color-sm:#f5f5f5;
@font-color-md:#f1f1f1;
@font-color-lg:#999;
@font-color-xl:#666;
@font-color-dark:#333;
@font-color-placeholder:#bbb;
//普通背景色（白-灰）
@bg-color-default:#fff;
@bg-color-light:#f5f5f5;
@bg-color-lighter:#f1f1f1;
@bg-color-dark:#eeeeee;
@bg-color-disabled:#f2f6fc;
@bg-pre-color:#f9f9fa;
//标题字体颜色(h1-h6)
@title-color:#464c5b;
//链接颜色(a标签，switch开关选中默认样式)
@link-color:#42b983;
@link-active:#348e65;//链接按钮深色样式

//默认边框色(普通边灰色边框)
@border-default: #d7dde4;
@border-dark:#ccc;
@border-disabled:#dcdfe6;
@border-light:#f9f9f9;
//反色调按钮
@dark-normal:#333;
@dark-hover:#444;
@dark-active:#222;
@dark-disabled:#666;
@dark-btnGroup:#2b2b2b;
//信息蓝(按钮，字体颜色辅助类)
@info-normal:#10a5f1;
@info-hover:#43b7f3;
@info-active:#0983c1;
@info-disabled:#7ec6ea;
@info-btnGroup:#229ede;
//危险红(按钮，字体颜色辅助类)
@danger-normal:#ff3300;
@danger-hover:#e84e28;
@danger-active:#c12903;
@danger-disabled:#e8a290;
@danger-btnGroup:#e83001;
//警告黄(按钮，字体颜色辅助类)
@warning-hover:#f19045;
@warning-normal:#f5700a;
@warning-active:#cc5d08;
@warning-disabled:#e6a36d;
@warning-btnGroup:#ea6904;
//成功绿(按钮，字体颜色辅助类)
@success-hover:#46bf46;
@success-normal:#05b905;
@success-active:#069a06;
@success-disabled:#60cc60;
@success-btnGroup:#11ab11;
//首要蓝(按钮，字体颜色辅助类)
@primary-hover:#3696c5;
@primary-normal:#0789ca;
@primary-active:#075d88;
@primary-disabled:#5aa4ca;
@primary-btnGroup:#0481bf;
//浅色系（用作背景色等：提示框、面板、背景色辅助类）
@light-default:#e2e7ea;
@light-default-dark:#dedede;
@light-info:#c3ebff;
@light-info-dark:#b3e2f9;
@light-success:#c2fdc4;
@light-success-dark:#aef7b1;
@light-warning:#ffd6b6;
@light-warning-dark:#f7c59d;
@light-primary:#1eacf3;
@light-primary-dark:#0789ca;
@light-danger:#f9cec3;
@light-danger-dark:#f7b7a7;
//默认字体样式
@font-family:"Avenir-Book", "Avenir Book", "Avenir","PingFang SC","Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
//基础边距
@margin:0.1rem;
@margin-smallest:0.04rem;
@margin-smaller:0.06rem;
@margin-large:0.12rem;
@margin-larger:0.15rem;
@margin-largest:0.4rem;
@padding:0.1rem;
@padding-smallest:0.04rem;
@padding-smaller:0.06rem;
@padding-large:0.12rem;
@padding-larger:0.15rem;
@padding-largest:0.25rem;

//字体大小
@fontSize-smallest:0.1rem;
@fontSize-small:0.12rem;
@fontSize-normal:0.14rem;
@fontSize-h6:0.16rem;
@fontSize-h5:0.18rem;
@fontSize-h4:0.2rem;
@fontSize-h3:0.22rem;
@fontSize-h2:0.24rem;
@fontSize-h1:0.28rem;
//边框宽度
@border-width:1px;
//圆角
@radius-none:0;
@radius-xs:0.02rem;
@radius-sm:0.04rem;
@radius-md:0.08rem;
@radius-lg:0.12rem;
@radius-xl:0.2rem;
//行高
@lineHeight-small:1;
@lineHeight-medium:1.6;
@lineHeight-large:2;
//动画时间
@timeout-xs:200ms;
@timeout-sm:400ms;
@timeout-md:600ms;
@timeout-lg:800ms;
@timeout-xl:1s;
@timeout-bigger:2s;
//栏高度
@barHeight:0.44rem;

//黑色背景遮罩颜色
@mask:rgba(10,20,30,.3);
@toastBlack:rgba(0,0,0,.7);
@toastWhite:rgba(255,255,255,.7);