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