Blame view

styles/themes/default/custom.less 3.61 KB
7fa943eb   梁灏   init
1
2
  // Prefix
  @css-prefix             : ivu-;
e1596b7e   梁灏   add Button UI
3
  @css-prefix-iconfont    : ivu-icon;
7fa943eb   梁灏   init
4
5
6
7
8
9
10
11
12
  // 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%);
e355dd49   梁灏   add Select Component
13
  @selected-color         : fade(@primary-color, 90%);
dce3e753   梁灏   add Tooltip compo...
14
  @tooltip-color          : #fff;
7fa943eb   梁灏   init
15
16
17
  
  // Base
  @body-background        : #fff;
7fa943eb   梁灏   init
18
19
20
21
  @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;
dce3e753   梁灏   add Tooltip compo...
22
  @font-size-small        : 12px;
7fa943eb   梁灏   init
23
24
25
  @line-height-base       : 1.5;
  @line-height-computed   : floor((@font-size-base * @line-height-base));
  @border-radius-base     : 6px;
15bae144   梁灏   add Card component
26
  @border-radius-small    : 4px;
e1596b7e   梁灏   add Button UI
27
  @cursor-disabled        : not-allowed;
15bae144   梁灏   add Card component
28
29
30
31
32
33
  
  // Border color
  @border-color-base      : #d9d9d9;  // outside
  @border-color-split     : #e9e9e9;  // inside
  
  // Background color
e355dd49   梁灏   add Select Component
34
35
  @background-color-base        : #f7f7f7;  // base
  @background-color-select-hover: @input-disabled-bg;
dce3e753   梁灏   add Tooltip compo...
36
  @tooltip-bg                   : #373737;
15bae144   梁灏   add Card component
37
38
39
40
41
42
43
44
45
  
  // 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
46
  
e1596b7e   梁灏   add Button UI
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
  // Button
  @btn-font-weight        : 400;
  @btn-padding-base       : 4px 15px;
  @btn-padding-large      : 4px 15px 5px 15px;
  @btn-padding-small      : 1px 7px;
  @btn-font-size          : 12px;
  @btn-font-size-large    : 14px;
  @btn-border-radius      : 4px;
  @btn-border-radius-small: 3px;
  @btn-group-border       : shade(@primary-color, 5%);
  
  @btn-disable-color      : #ccc;
  @btn-disable-bg         : @background-color-base;
  @btn-disable-border     : @border-color-base;
  
  @btn-default-color      : @text-color;
  @btn-default-bg         : @background-color-base;
  @btn-default-border     : @border-color-base;
  
  @btn-primary-color      : #fff;
  @btn-primary-bg         : @primary-color;
  
  @btn-ghost-color        : @text-color;
  @btn-ghost-bg           : transparent;
  @btn-ghost-border       : @border-color-base;
  
  @btn-circle-size        : 28px;
  @btn-circle-size-large  : 32px;
  @btn-circle-size-small  : 22px;
  
7fa943eb   梁灏   init
77
78
79
80
  // Layout and Grid
  @grid-columns           : 24;
  @grid-gutter-width      : 0;
  
9d69bab6   梁灏   add Alert component
81
82
83
  // Legend
  @legend-color           : #999;
  
95436eeb   梁灏   add InputNumber UI
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
  // Input
  @input-height-base           : 28px;
  @input-height-large          : 32px;
  @input-height-small          : 22px;
  
  @input-padding-horizontal    : 7px;
  @input-padding-vertical-base : 4px;
  @input-padding-vertical-small: 1px;
  @input-padding-vertical-large: 6px;
  
  @input-placeholder-color     : #ccc;
  @input-color                 : @text-color;
  @input-border-color          : @border-color-base;
  @input-bg                    : #fff;
  
  @input-hover-border-color    : @primary-color;
  @input-focus-border-color    : @primary-color;
  @input-disabled-bg           : #f3f3f3;
  
4ec205b6   梁灏   add Tag UI
103
104
105
  // Tag
  @tag-font-size          : 12px;
  
7fa943eb   梁灏   init
106
  // Z-index
be966e9f   梁灏   add Modal component
107
  @zindex-spin            : 8;
7fa943eb   梁灏   init
108
109
  @zindex-affix           : 10;
  @zindex-back-top        : 10;
e355dd49   梁灏   add Select Component
110
  @zindex-select          : 900;
be966e9f   梁灏   add Modal component
111
  @zindex-modal           : 1000;
7c15ac9e   梁灏   add Message compo...
112
  @zindex-message         : 1010;
40f8606f   梁灏   add Notice component
113
  @zindex-notification    : 1010;
dce3e753   梁灏   add Tooltip compo...
114
  @zindex-tooltip         : 1060;
9dde24b6   梁灏   add LoadingBar co...
115
  @zindex-loading-bar     : 2000;
7fa943eb   梁灏   init
116
117
  
  // Animation
7c15ac9e   梁灏   add Message compo...
118
  @animation-time         : .3s;
7fa943eb   梁灏   init
119
  @transition-time        : .2s;
7c15ac9e   梁灏   add Message compo...
120
  @ease-in-out            : ease-in-out;