7fa943eb
 梁灏
init
|
1
2
3
|
@btn-prefix-cls: ~"@{css-prefix}btn";
.@{btn-prefix-cls} {
|
|
e1596b7e
梁灏
add Button UI
|
4
5
6
|
.btn;
.btn-default;
|
|
71d9fc8e
梁灏
Button add new pr...
|
7
8
9
10
|
&-long{
width: 100%;
}
|
|
698e3b61
梁灏
iButton add some ...
|
11
12
13
14
|
& > .ivu-icon + span, & > span + .ivu-icon{
margin-left: 4px;
}
|
|
e1596b7e
梁灏
add Button UI
|
15
16
17
|
&-primary {
.btn-primary;
|
|
fd6512a9
Rijn
implemented verti...
|
18
|
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:not(:first-child):not(:last-child) {
|
|
e1596b7e
梁灏
add Button UI
|
19
20
21
22
|
border-right-color: @btn-group-border;
border-left-color: @btn-group-border;
}
|
|
fd6512a9
Rijn
implemented verti...
|
23
|
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child {
|
|
e1596b7e
梁灏
add Button UI
|
24
25
26
27
28
29
30
31
|
&:not(:last-child) {
border-right-color: @btn-group-border;
&[disabled] {
border-right-color: @btn-default-border;
}
}
}
|
|
fd6512a9
Rijn
implemented verti...
|
32
33
|
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:last-child:not(:first-child),
.@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} {
|
|
e1596b7e
梁灏
add Button UI
|
34
35
36
37
38
|
border-left-color: @btn-group-border;
&[disabled] {
border-left-color: @btn-default-border;
}
}
|
|
fd6512a9
Rijn
implemented verti...
|
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
.@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) {
border-top-color: @btn-group-border;
border-bottom-color: @btn-group-border;
}
.@{btn-prefix-cls}-group-vertical &:first-child {
&:not(:last-child) {
border-bottom-color: @btn-group-border;
&[disabled] {
border-top-color: @btn-default-border;
}
}
}
.@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child),
.@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} {
border-top-color: @btn-group-border;
&[disabled] {
border-bottom-color: @btn-default-border;
}
}
|
|
e1596b7e
梁灏
add Button UI
|
61
62
|
}
|
|
b4fe39f7
梁灏
Button add ghost ...
|
63
64
65
|
//&-ghost {
// .btn-ghost;
//}
|
|
e1596b7e
梁灏
add Button UI
|
66
|
|
|
698e3b61
梁灏
iButton add some ...
|
67
68
69
70
71
72
73
74
|
&-dashed{
.btn-dashed;
}
&-text{
.btn-text;
}
|
|
b88f42eb
梁灏
Button add 4 new ...
|
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
&-success {
.btn-color(@success-color);
}
&-warning {
.btn-color(@warning-color);
}
&-error {
.btn-color(@error-color);
}
&-info {
.btn-color(@info-color);
}
|
|
e1596b7e
梁灏
add Button UI
|
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
&-circle,
&-circle-outline {
.btn-circle(@btn-prefix-cls);
}
&:before {
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background: #fff;
opacity: 0.35;
content: '';
border-radius: inherit;
z-index: 1;
|
e2645048
jingsam
 remove tra...
|
107
|
transition: opacity @transition-time;
|
|
e1596b7e
梁灏
add Button UI
|
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
pointer-events: none;
display: none;
}
&&-loading {
pointer-events: none;
position: relative;
&:before {
display: block;
}
}
&-group {
.btn-group(@btn-prefix-cls);
}
|
|
fd6512a9
Rijn
implemented verti...
|
124
125
126
127
|
&-group-vertical {
.btn-group-vertical(@btn-prefix-cls);
}
|
|
b4fe39f7
梁灏
Button add ghost ...
|
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
|
// The new ghost in 3.0
&-ghost{
color: #fff;
background: transparent;
&:hover{
background: transparent;
}
}
&-ghost&-dashed, &-ghost&-default{
color: #fff;
border-color: #fff;
&:hover{
color: tint(@primary-color, 20%);
border-color: tint(@primary-color, 20%);
}
}
&-ghost&-primary{
color: @primary-color;
&:hover{
color: tint(@primary-color, 20%);
background: fade(tint(@primary-color, 95%), 50%);
}
}
&-ghost&-info{
color: @info-color;
&:hover{
color: tint(@info-color, 20%);
background: fade(tint(@info-color, 95%), 50%);
}
}
&-ghost&-success{
color: @success-color;
&:hover{
color: tint(@success-color, 20%);
background: fade(tint(@success-color, 95%), 50%);
}
}
&-ghost&-warning{
color: @warning-color;
&:hover{
color: tint(@warning-color, 20%);
background: fade(tint(@warning-color, 95%), 50%);
}
}
&-ghost&-error{
color: @error-color;
&:hover{
color: tint(@error-color, 20%);
background: fade(tint(@error-color, 95%), 50%);
}
}
|
|
e2645048
jingsam
remove tra...
|
180
|
}
|
