vben
2021-12-01 e024f6a6e76d531fa00d8895fb0cfca9f1cc15a4
提交 | 用户 | age
236575 1 // button reset
2f6253 2 .ant-btn {
7a6c87 3   &-link:hover,
V 4   &-link:focus,
5   &-link:active {
6     border-color: transparent !important;
7   }
2f6253 8
3ba8a6 9   &-primary {
10     color: @white;
11     background-color: @button-primary-color;
12
13     &:hover,
14     &:focus {
15       color: @white;
16       background-color: @button-primary-hover-color;
17     }
18   }
19
c42017 20   &-primary:not(&-background-ghost):not([disabled]) {
21     color: @white;
3ba8a6 22   }
2f6253 23
24   &-default {
25     color: @button-cancel-color;
26     background-color: @button-cancel-bg-color;
27     border-color: @button-cancel-border-color;
28
29     &:hover,
30     &:focus {
31       color: @button-cancel-hover-color;
32       background-color: @button-cancel-hover-bg-color;
33       border-color: @button-cancel-hover-border-color;
34     }
c42017 35     //
36     //&[disabled],
37     //&[disabled]:hover {
38     //  color: fade(@button-cancel-color, 40%) !important;
39     //  background: fade(@button-cancel-bg-color, 40%) !important;
40     //  border-color: fade(@button-cancel-border-color, 40%) !important;
41     //}
2f6253 42   }
43
428121 44   [data-theme='light'] &.ant-btn-link.is-disabled {
acea18 45     color: rgb(0 0 0 / 25%);
2f6253 46     text-shadow: none;
5b8eb4 47     cursor: not-allowed !important;
V 48     background-color: transparent !important;
49     border-color: transparent !important;
2f6253 50     box-shadow: none;
51   }
52
428121 53   [data-theme='dark'] &.ant-btn-link.is-disabled {
acea18 54     color: rgb(255 255 255 / 25%) !important;
428121 55     text-shadow: none;
56     cursor: not-allowed !important;
57     background-color: transparent !important;
58     border-color: transparent !important;
59     box-shadow: none;
60   }
61
2f6253 62   // color: @white;
63
64   &-success.ant-btn-link:not([disabled='disabled']) {
65     color: @button-success-color;
66
67     &:hover,
68     &:focus {
69       color: @button-success-hover-color;
7a6c87 70       border-color: transparent;
2f6253 71     }
beb4ae 72
73     &:active {
74       color: @button-success-active-color;
75     }
2f6253 76   }
77
78   &-success.ant-btn-link.ant-btn-loading,
79   &-warning.ant-btn-link.ant-btn-loading,
80   &-error.ant-btn-link.ant-btn-loading,
81   &-background-ghost.ant-btn-link.ant-btn-loading,
82   &.ant-btn-link.ant-btn-loading {
83     &::before {
84       background: transparent;
85     }
86   }
87
c42017 88   &-success:not(.ant-btn-link, .is-disabled) {
2f6253 89     color: @white;
90     background-color: @button-success-color;
91     border-color: @button-success-color;
c42017 92     //border-width: 0;
2f6253 93
94     &:hover,
95     &:focus {
96       color: @white;
97       background-color: @button-success-hover-color;
98       border-color: @button-success-hover-color;
99     }
100
beb4ae 101     &:active {
102       background-color: @button-success-active-color;
103       border-color: @button-success-active-color;
104     }
2f6253 105   }
106
107   &-warning.ant-btn-link:not([disabled='disabled']) {
108     color: @button-warn-color;
109
110     &:hover,
111     &:focus {
112       color: @button-warn-hover-color;
7a6c87 113       border-color: transparent;
2f6253 114     }
beb4ae 115
116     &:active {
117       color: @button-warn-active-color;
118     }
2f6253 119   }
120
c42017 121   &-warning:not(.ant-btn-link, .is-disabled) {
2f6253 122     color: @white;
123     background-color: @button-warn-color;
124     border-color: @button-warn-color;
c42017 125     //border-width: 0;
2f6253 126
127     &:hover,
128     &:focus {
129       color: @white;
130       background-color: @button-warn-hover-color;
131       border-color: @button-warn-hover-color;
beb4ae 132     }
133
134     &:active {
135       background-color: @button-warn-active-color;
136       border-color: @button-warn-active-color;
2f6253 137     }
138
c42017 139     //&[disabled],
140     //&[disabled]:hover {
141     //  color: @white;
142     //  background-color: fade(@button-warn-color, 40%);
143     //  border-color: fade(@button-warn-color, 40%);
144     //}
2f6253 145   }
146
147   &-error.ant-btn-link:not([disabled='disabled']) {
148     color: @button-error-color;
149
150     &:hover,
151     &:focus {
152       color: @button-error-hover-color;
7a6c87 153       border-color: transparent;
2f6253 154     }
beb4ae 155
156     &:active {
157       color: @button-error-active-color;
158     }
2f6253 159   }
160
c42017 161   &-error:not(.ant-btn-link, .is-disabled) {
2f6253 162     color: @white;
163     background-color: @button-error-color;
164     border-color: @button-error-color;
c42017 165     //border-width: 0;
2f6253 166
167     &:hover,
168     &:focus {
169       color: @white;
170       background-color: @button-error-hover-color;
171       border-color: @button-error-hover-color;
172     }
173
beb4ae 174     &:active {
175       background-color: @button-error-active-color;
176       border-color: @button-error-active-color;
177     }
178
c42017 179     //&[disabled],
180     //&[disabled]:hover {
181     //  color: @white;
182     //  background-color: fade(@button-error-color, 40%);
183     //  border-color: fade(@button-error-color, 40%);
184     //}
2f6253 185   }
186
3ba8a6 187   &-background-ghost {
188     border-width: 1px;
c42017 189     background-color: transparent !important;
190
191     &[disabled],
192     &[disabled]:hover {
193       color: fade(@white, 40%) !important;
194       background-color: transparent !important;
195       border-color: fade(@white, 40%) !important;
196     }
2f6253 197   }
198
3ba8a6 199   &-dashed&-background-ghost,
200   &-default&-background-ghost {
2f6253 201     color: @button-ghost-color;
202     border-color: @button-ghost-color;
203
204     &:hover,
205     &:focus {
3ba8a6 206       color: @button-ghost-hover-color;
2f6253 207       border-color: @button-ghost-hover-color;
3ba8a6 208     }
209
210     &:active {
211       color: @button-ghost-active-color;
212       border-color: @button-ghost-active-color;
2f6253 213     }
214
215     &[disabled],
216     &[disabled]:hover {
c42017 217       color: fade(@white, 40%) !important;
218       border-color: fade(@white, 40%) !important;
beb4ae 219     }
220   }
221
222   &-background-ghost&-success:not(.ant-btn-link) {
223     color: @button-success-color;
224     background-color: transparent;
225     border-color: @button-success-color;
226     border-width: 1px;
227
228     &:hover,
229     &:focus {
230       color: @button-success-hover-color !important;
231       border-color: @button-success-hover-color;
232     }
233
234     &:active {
235       color: @button-success-active-color;
236       border-color: @button-success-active-color;
237     }
238   }
239
c42017 240   &-background-ghost&-warning:not(.ant-btn-link) {
beb4ae 241     color: @button-warn-color;
242     background-color: transparent;
243     border-color: @button-warn-color;
244     border-width: 1px;
245
246     &:hover,
247     &:focus {
248       color: @button-warn-hover-color !important;
249       border-color: @button-warn-hover-color;
250     }
251
252     &:active {
253       color: @button-warn-active-color;
254       border-color: @button-warn-active-color;
255     }
256   }
257
258   &-background-ghost&-error:not(.ant-btn-link) {
259     color: @button-error-color;
260     background-color: transparent;
261     border-color: @button-error-color;
262     border-width: 1px;
263
264     &:hover,
265     &:focus {
266       color: @button-error-hover-color !important;
267       border-color: @button-error-hover-color;
268     }
269
270     &:active {
271       color: @button-error-active-color;
272       border-color: @button-error-active-color;
2f6253 273     }
274   }
5b8eb4 275
V 276   &-ghost.ant-btn-link:not([disabled='disabled']) {
277     color: @button-ghost-color;
278
279     &:hover,
280     &:focus {
281       color: @button-ghost-hover-color;
282       border-color: transparent;
283     }
284   }
2f6253 285 }