Blame view

styles/themes/default/custom.less 3.48 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%);
7fa943eb   梁灏   init
14
15
16
  
  // Base
  @body-background        : #fff;
7fa943eb   梁灏   init
17
18
19
20
21
22
23
  @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
24
  @border-radius-small    : 4px;
e1596b7e   梁灏   add Button UI
25
  @cursor-disabled        : not-allowed;
15bae144   梁灏   add Card component
26
27
28
29
30
31
  
  // Border color
  @border-color-base      : #d9d9d9;  // outside
  @border-color-split     : #e9e9e9;  // inside
  
  // Background color
e355dd49   梁灏   add Select Component
32
33
  @background-color-base        : #f7f7f7;  // base
  @background-color-select-hover: @input-disabled-bg;
15bae144   梁灏   add Card component
34
35
36
37
38
39
40
41
42
  
  // 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
43
  
e1596b7e   梁灏   add Button UI
44
45
46
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
  // 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
74
75
76
77
  // Layout and Grid
  @grid-columns           : 24;
  @grid-gutter-width      : 0;
  
9d69bab6   梁灏   add Alert component
78
79
80
  // Legend
  @legend-color           : #999;
  
95436eeb   梁灏   add InputNumber UI
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
  // 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
100
101
102
  // Tag
  @tag-font-size          : 12px;
  
7fa943eb   梁灏   init
103
  // Z-index
be966e9f   梁灏   add Modal component
104
  @zindex-spin            : 8;
7fa943eb   梁灏   init
105
106
  @zindex-affix           : 10;
  @zindex-back-top        : 10;
e355dd49   梁灏   add Select Component
107
  @zindex-select          : 900;
be966e9f   梁灏   add Modal component
108
  @zindex-modal           : 1000;
7c15ac9e   梁灏   add Message compo...
109
  @zindex-message         : 1010;
40f8606f   梁灏   add Notice component
110
  @zindex-notification    : 1010;
9dde24b6   梁灏   add LoadingBar co...
111
  @zindex-loading-bar     : 2000;
7fa943eb   梁灏   init
112
113
  
  // Animation
7c15ac9e   梁灏   add Message compo...
114
  @animation-time         : .3s;
7fa943eb   梁灏   init
115
  @transition-time        : .2s;
7c15ac9e   梁灏   add Message compo...
116
  @ease-in-out            : ease-in-out;