2016-09-09 14:29:19 +08:00
|
|
|
// Prefix
|
|
|
|
|
@css-prefix : ivu-;
|
|
|
|
|
|
|
|
|
|
// Color
|
|
|
|
|
@primary-color : #0099e5;
|
|
|
|
|
@info-color : #2db7f5;
|
|
|
|
|
@success-color : #5cb85c;
|
|
|
|
|
@error-color : #ff5500;
|
|
|
|
|
@warning-color : #f0ad4e;
|
|
|
|
|
@link-color : #0099e5;
|
|
|
|
|
@link-hover-color : tint(@link-color, 20%);
|
|
|
|
|
@link-active-color : shade(@link-color, 5%);
|
|
|
|
|
|
|
|
|
|
// Base
|
|
|
|
|
@body-background : #fff;
|
|
|
|
|
@font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
|
|
|
|
|
@code-family : Consolas,Menlo,Courier,monospace;
|
|
|
|
|
@text-color : #525558;
|
|
|
|
|
@font-size-base : 14px;
|
|
|
|
|
@line-height-base : 1.5;
|
|
|
|
|
@line-height-computed : floor((@font-size-base * @line-height-base));
|
|
|
|
|
@border-radius-base : 6px;
|
2016-09-15 23:43:50 +08:00
|
|
|
@border-radius-small : 4px;
|
|
|
|
|
|
|
|
|
|
// Border color
|
|
|
|
|
@border-color-base : #d9d9d9; // outside
|
|
|
|
|
@border-color-split : #e9e9e9; // inside
|
|
|
|
|
|
|
|
|
|
// Background color
|
|
|
|
|
@background-color-base : #f7f7f7; // base
|
|
|
|
|
|
|
|
|
|
// Shadow
|
|
|
|
|
@shadow-color : rgba(100, 100, 100, .2);
|
|
|
|
|
@shadow-base : @shadow-down;
|
|
|
|
|
@shadow-card : 0 1px 1px 0 rgba(0,0,0,.1);
|
|
|
|
|
@shadow-up : 0 -1px 6px @shadow-color;
|
|
|
|
|
@shadow-down : 0 1px 6px @shadow-color;
|
|
|
|
|
@shadow-left : -1px 0 6px @shadow-color;
|
|
|
|
|
@shadow-right : 1px 0 6px @shadow-color;
|
2016-09-09 14:29:19 +08:00
|
|
|
|
|
|
|
|
// Layout and Grid
|
|
|
|
|
@grid-columns : 24;
|
|
|
|
|
@grid-gutter-width : 0;
|
|
|
|
|
|
2016-09-12 11:59:15 +08:00
|
|
|
// Legend
|
|
|
|
|
@legend-color : #999;
|
|
|
|
|
|
2016-09-09 14:29:19 +08:00
|
|
|
// Z-index
|
|
|
|
|
@zindex-affix : 10;
|
|
|
|
|
@zindex-back-top : 10;
|
|
|
|
|
@zindex-spin : 8;
|
|
|
|
|
|
|
|
|
|
// Animation
|
|
|
|
|
@transition-time : .2s;
|
|
|
|
|
@ease-in-out : ease-in-out;
|
