custom.less
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
// 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;
@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;
// Layout and Grid
@grid-columns : 24;
@grid-gutter-width : 0;
// Legend
@legend-color : #999;
// Z-index
@zindex-affix : 10;
@zindex-back-top : 10;
@zindex-spin : 8;
@zindex-message : 1010;
// Animation
@animation-time : .3s;
@transition-time : .2s;
@ease-in-out : ease-in-out;