@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/affix.js +10 -10
  2. package/dist/alert.js +6 -6
  3. package/dist/anchor.js +6 -6
  4. package/dist/avatar.js +6 -6
  5. package/dist/backtop.js +11 -11
  6. package/dist/badge.js +17 -17
  7. package/dist/bordershadow.js +6 -6
  8. package/dist/breadcrumb.js +6 -6
  9. package/dist/button.js +11 -18
  10. package/dist/card.js +6 -6
  11. package/dist/carousel.js +8 -8
  12. package/dist/cascader.js +21 -21
  13. package/dist/cascaderpanel.js +15 -15
  14. package/dist/checkbox.js +4 -4
  15. package/dist/col.js +8 -8
  16. package/dist/collapse.js +6 -6
  17. package/dist/color.js +6 -6
  18. package/dist/datepicker.js +22 -22
  19. package/dist/divider.js +6 -6
  20. package/dist/drawer.js +8 -8
  21. package/dist/dropdown.js +13 -35
  22. package/dist/empty.js +6 -6
  23. package/dist/font.js +6 -6
  24. package/dist/form.js +10 -10
  25. package/dist/icon.js +6 -6
  26. package/dist/index.js +7 -7
  27. package/dist/input.js +10 -10
  28. package/dist/inputnumber.js +6 -6
  29. package/dist/layout.js +6 -6
  30. package/dist/list.js +6 -6
  31. package/dist/loading.js +6 -6
  32. package/dist/mds-ui.min.css +1 -1
  33. package/dist/mds-ui.min.js +13 -12
  34. package/dist/menu.js +17 -17
  35. package/dist/message.js +4 -4
  36. package/dist/modal.js +11 -11
  37. package/dist/notification.js +10 -10
  38. package/dist/pagination.js +11 -11
  39. package/dist/popconfirm.js +18 -64
  40. package/dist/popover.js +11 -18
  41. package/dist/progress.js +6 -6
  42. package/dist/radio.js +6 -6
  43. package/dist/rate.js +10 -10
  44. package/dist/row.js +8 -8
  45. package/dist/select.js +20 -20
  46. package/dist/slider.js +25 -25
  47. package/dist/slottable.js +18 -18
  48. package/dist/steps.js +6 -6
  49. package/dist/style/dropdown.css +0 -2169
  50. package/dist/style/index.css +1 -1
  51. package/dist/style/popconfirm.css +0 -2304
  52. package/dist/switch.js +6 -6
  53. package/dist/table.js +66 -80
  54. package/dist/tabs.js +6 -6
  55. package/dist/tag.js +6 -6
  56. package/dist/text.js +828 -828
  57. package/dist/timeline.js +6 -6
  58. package/dist/timepicker.js +18 -18
  59. package/dist/tooltip.js +8 -8
  60. package/dist/transfer.js +75 -75
  61. package/dist/transition.js +4 -4
  62. package/dist/tree.js +6 -6
  63. package/dist/typography.js +6 -6
  64. package/dist/upload.js +10 -10
  65. package/package.json +1 -1
@@ -1,2310 +1,6 @@
1
1
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
2
  /* stylelint-disable declaration-bang-space-before */
3
3
  /* stylelint-disable declaration-bang-space-before */
4
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
5
- .mds-btn {
6
- display: inline-block;
7
- margin-bottom: 0;
8
- font-weight: normal;
9
- text-align: center;
10
- touch-action: manipulation;
11
- cursor: pointer;
12
- background-image: none;
13
- border: 1px solid #d8dce6;
14
- white-space: nowrap;
15
- line-height: 1.15;
16
- padding: 0 15px;
17
- font-size: 14px;
18
- border-radius: 4px;
19
- height: 36px;
20
- user-select: none;
21
- transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
22
- position: relative;
23
- color: #666666;
24
- background-color: #fff;
25
- border-color: #d9d9d9;
26
- }
27
- .mds-btn > .mdsicon {
28
- line-height: 1.3;
29
- }
30
- .mds-btn,
31
- .mds-btn:active,
32
- .mds-btn:focus {
33
- outline: 0;
34
- }
35
- .mds-btn:not([disabled]):hover {
36
- text-decoration: none;
37
- }
38
- .mds-btn:not([disabled]):active {
39
- outline: 0;
40
- transition: none;
41
- }
42
- .mds-btn.disabled,
43
- .mds-btn[disabled] {
44
- cursor: not-allowed;
45
- }
46
- .mds-btn.disabled > *,
47
- .mds-btn[disabled] > * {
48
- pointer-events: none;
49
- }
50
- .mds-btn-lg {
51
- padding: 0 19px;
52
- font-size: 20px;
53
- border-radius: 4px;
54
- height: 40px;
55
- }
56
- .mds-btn-sm {
57
- padding: 0 11px;
58
- font-size: 14px;
59
- border-radius: 4px;
60
- height: 32px;
61
- }
62
- .mds-btn-sm > .mdsicon + span,
63
- .mds-btn-sm > span + .mdsicon {
64
- margin-left: 0px !important;
65
- }
66
- .mds-btn-ls {
67
- padding: 0 7px;
68
- font-size: 12px;
69
- border-radius: 4px;
70
- height: 28px;
71
- }
72
- .mds-btn-ls > .mdsicon + span,
73
- .mds-btn-ls > span + .mdsicon {
74
- margin-left: 0px !important;
75
- }
76
- .mds-btn > a:only-child {
77
- color: currentColor;
78
- }
79
- .mds-btn > a:only-child:after {
80
- content: '';
81
- position: absolute;
82
- top: 0;
83
- left: 0;
84
- bottom: 0;
85
- right: 0;
86
- background: transparent;
87
- }
88
- .mds-btn:hover,
89
- .mds-btn:focus {
90
- color: #0364ff;
91
- background-color: #fff;
92
- border-color: #0364ff;
93
- }
94
- .mds-btn:hover > a:only-child,
95
- .mds-btn:focus > a:only-child {
96
- color: currentColor;
97
- }
98
- .mds-btn:hover > a:only-child:after,
99
- .mds-btn:focus > a:only-child:after {
100
- content: '';
101
- position: absolute;
102
- top: 0;
103
- left: 0;
104
- bottom: 0;
105
- right: 0;
106
- background: transparent;
107
- }
108
- .mds-btn:active,
109
- .mds-btn.active {
110
- color: #0252dd;
111
- background-color: #fff;
112
- border-color: #0252dd;
113
- }
114
- .mds-btn:active > a:only-child,
115
- .mds-btn.active > a:only-child {
116
- color: currentColor;
117
- }
118
- .mds-btn:active > a:only-child:after,
119
- .mds-btn.active > a:only-child:after {
120
- content: '';
121
- position: absolute;
122
- top: 0;
123
- left: 0;
124
- bottom: 0;
125
- right: 0;
126
- background: transparent;
127
- }
128
- .mds-btn.disabled,
129
- .mds-btn[disabled],
130
- .mds-btn.disabled:hover,
131
- .mds-btn[disabled]:hover,
132
- .mds-btn.disabled:focus,
133
- .mds-btn[disabled]:focus,
134
- .mds-btn.disabled:active,
135
- .mds-btn[disabled]:active,
136
- .mds-btn.disabled.active,
137
- .mds-btn[disabled].active {
138
- color: rgba(0, 0, 0, 0.2);
139
- background-color: #f7f7f7;
140
- border-color: #d9d9d9;
141
- }
142
- .mds-btn.disabled > a:only-child,
143
- .mds-btn[disabled] > a:only-child,
144
- .mds-btn.disabled:hover > a:only-child,
145
- .mds-btn[disabled]:hover > a:only-child,
146
- .mds-btn.disabled:focus > a:only-child,
147
- .mds-btn[disabled]:focus > a:only-child,
148
- .mds-btn.disabled:active > a:only-child,
149
- .mds-btn[disabled]:active > a:only-child,
150
- .mds-btn.disabled.active > a:only-child,
151
- .mds-btn[disabled].active > a:only-child {
152
- color: currentColor;
153
- }
154
- .mds-btn.disabled > a:only-child:after,
155
- .mds-btn[disabled] > a:only-child:after,
156
- .mds-btn.disabled:hover > a:only-child:after,
157
- .mds-btn[disabled]:hover > a:only-child:after,
158
- .mds-btn.disabled:focus > a:only-child:after,
159
- .mds-btn[disabled]:focus > a:only-child:after,
160
- .mds-btn.disabled:active > a:only-child:after,
161
- .mds-btn[disabled]:active > a:only-child:after,
162
- .mds-btn.disabled.active > a:only-child:after,
163
- .mds-btn[disabled].active > a:only-child:after {
164
- content: '';
165
- position: absolute;
166
- top: 0;
167
- left: 0;
168
- bottom: 0;
169
- right: 0;
170
- background: transparent;
171
- }
172
- .mds-btn > a:only-child {
173
- color: currentColor;
174
- }
175
- .mds-btn > a:only-child:after {
176
- content: '';
177
- position: absolute;
178
- top: 0;
179
- left: 0;
180
- bottom: 0;
181
- right: 0;
182
- background: transparent;
183
- }
184
- .mds-btn:hover,
185
- .mds-btn:focus,
186
- .mds-btn:active,
187
- .mds-btn.active {
188
- background: #fff;
189
- }
190
- .mds-btn + .mds-btn {
191
- margin-left: 8px;
192
- }
193
- .mds-btn > i {
194
- pointer-events: none;
195
- margin-left: 0px;
196
- }
197
- .mds-btn > span {
198
- pointer-events: none;
199
- }
200
- .mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
201
- padding-left: 11px;
202
- padding-right: 9px;
203
- }
204
- .mds-btn-sm.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
205
- pointer-events: none;
206
- margin-left: -4px;
207
- }
208
- .mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
209
- padding-left: 14px;
210
- padding-right: 12px;
211
- }
212
- .mds-btn-lg.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
213
- pointer-events: none;
214
- margin-left: -4px;
215
- }
216
- .mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
217
- padding-left: 9px;
218
- padding-right: 7px;
219
- }
220
- .mds-btn-ls.mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only > i {
221
- pointer-events: none;
222
- margin-left: -2px;
223
- }
224
- .mds-btn-primary {
225
- color: #fff;
226
- background-color: #0364ff;
227
- border-color: #0364ff;
228
- }
229
- .mds-btn-primary > a:only-child {
230
- color: currentColor;
231
- }
232
- .mds-btn-primary > a:only-child:after {
233
- content: '';
234
- position: absolute;
235
- top: 0;
236
- left: 0;
237
- bottom: 0;
238
- right: 0;
239
- background: transparent;
240
- }
241
- .mds-btn-primary:hover,
242
- .mds-btn-primary:focus {
243
- color: #fff;
244
- background-color: #3f89ff;
245
- border-color: #1770FF;
246
- }
247
- .mds-btn-primary:hover > a:only-child,
248
- .mds-btn-primary:focus > a:only-child {
249
- color: currentColor;
250
- }
251
- .mds-btn-primary:hover > a:only-child:after,
252
- .mds-btn-primary:focus > a:only-child:after {
253
- content: '';
254
- position: absolute;
255
- top: 0;
256
- left: 0;
257
- bottom: 0;
258
- right: 0;
259
- background: transparent;
260
- }
261
- .mds-btn-primary:active,
262
- .mds-btn-primary.active {
263
- color: #fff;
264
- background-color: #0252dd;
265
- border-color: #0364FF;
266
- }
267
- .mds-btn-primary:active > a:only-child,
268
- .mds-btn-primary.active > a:only-child {
269
- color: currentColor;
270
- }
271
- .mds-btn-primary:active > a:only-child:after,
272
- .mds-btn-primary.active > a:only-child:after {
273
- content: '';
274
- position: absolute;
275
- top: 0;
276
- left: 0;
277
- bottom: 0;
278
- right: 0;
279
- background: transparent;
280
- }
281
- .mds-btn-primary.disabled,
282
- .mds-btn-primary[disabled],
283
- .mds-btn-primary.disabled:hover,
284
- .mds-btn-primary[disabled]:hover,
285
- .mds-btn-primary.disabled:focus,
286
- .mds-btn-primary[disabled]:focus,
287
- .mds-btn-primary.disabled:active,
288
- .mds-btn-primary[disabled]:active,
289
- .mds-btn-primary.disabled.active,
290
- .mds-btn-primary[disabled].active {
291
- color: rgba(0, 0, 0, 0.2);
292
- background-color: #f7f7f7;
293
- border-color: #d9d9d9;
294
- }
295
- .mds-btn-primary.disabled > a:only-child,
296
- .mds-btn-primary[disabled] > a:only-child,
297
- .mds-btn-primary.disabled:hover > a:only-child,
298
- .mds-btn-primary[disabled]:hover > a:only-child,
299
- .mds-btn-primary.disabled:focus > a:only-child,
300
- .mds-btn-primary[disabled]:focus > a:only-child,
301
- .mds-btn-primary.disabled:active > a:only-child,
302
- .mds-btn-primary[disabled]:active > a:only-child,
303
- .mds-btn-primary.disabled.active > a:only-child,
304
- .mds-btn-primary[disabled].active > a:only-child {
305
- color: currentColor;
306
- }
307
- .mds-btn-primary.disabled > a:only-child:after,
308
- .mds-btn-primary[disabled] > a:only-child:after,
309
- .mds-btn-primary.disabled:hover > a:only-child:after,
310
- .mds-btn-primary[disabled]:hover > a:only-child:after,
311
- .mds-btn-primary.disabled:focus > a:only-child:after,
312
- .mds-btn-primary[disabled]:focus > a:only-child:after,
313
- .mds-btn-primary.disabled:active > a:only-child:after,
314
- .mds-btn-primary[disabled]:active > a:only-child:after,
315
- .mds-btn-primary.disabled.active > a:only-child:after,
316
- .mds-btn-primary[disabled].active > a:only-child:after {
317
- content: '';
318
- position: absolute;
319
- top: 0;
320
- left: 0;
321
- bottom: 0;
322
- right: 0;
323
- background: transparent;
324
- }
325
- .mds-btn-primary:focus {
326
- border-color: #0152dd !important;
327
- }
328
- .mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child) {
329
- border-right-color: #0252dd;
330
- border-left-color: #0252dd;
331
- }
332
- .mds-btn-group .mds-btn-primary:not(:first-child):not(:last-child):disabled {
333
- border-color: #d9d9d9;
334
- }
335
- .mds-btn-group .mds-btn-primary:first-child:not(:last-child) {
336
- border-right-color: #6D9DEB;
337
- }
338
- .mds-btn-group .mds-btn-primary:first-child:not(:last-child)[disabled] {
339
- border-right-color: #d9d9d9;
340
- }
341
- .mds-btn-group .mds-btn-primary:last-child:not(:first-child),
342
- .mds-btn-group .mds-btn-primary + .mds-btn-primary {
343
- border-left-color: #6D9DEB;
344
- }
345
- .mds-btn-group .mds-btn-primary:last-child:not(:first-child)[disabled],
346
- .mds-btn-group .mds-btn-primary + .mds-btn-primary[disabled] {
347
- border-left-color: #d9d9d9;
348
- }
349
- .mds-btn-primary span {
350
- color: inherit;
351
- }
352
- .mds-btn-ghost {
353
- color: #666666;
354
- background-color: transparent;
355
- border-color: #d9d9d9;
356
- background: #bec8c8;
357
- padding: 20px;
358
- }
359
- .mds-btn-ghost > a:only-child {
360
- color: currentColor;
361
- }
362
- .mds-btn-ghost > a:only-child:after {
363
- content: '';
364
- position: absolute;
365
- top: 0;
366
- left: 0;
367
- bottom: 0;
368
- right: 0;
369
- background: transparent;
370
- }
371
- .mds-btn-ghost:hover,
372
- .mds-btn-ghost:focus {
373
- color: #0364ff;
374
- background-color: transparent;
375
- border-color: #0364ff;
376
- }
377
- .mds-btn-ghost:hover > a:only-child,
378
- .mds-btn-ghost:focus > a:only-child {
379
- color: currentColor;
380
- }
381
- .mds-btn-ghost:hover > a:only-child:after,
382
- .mds-btn-ghost:focus > a:only-child:after {
383
- content: '';
384
- position: absolute;
385
- top: 0;
386
- left: 0;
387
- bottom: 0;
388
- right: 0;
389
- background: transparent;
390
- }
391
- .mds-btn-ghost:active,
392
- .mds-btn-ghost.active {
393
- color: #0252dd;
394
- background-color: transparent;
395
- border-color: #0252dd;
396
- }
397
- .mds-btn-ghost:active > a:only-child,
398
- .mds-btn-ghost.active > a:only-child {
399
- color: currentColor;
400
- }
401
- .mds-btn-ghost:active > a:only-child:after,
402
- .mds-btn-ghost.active > a:only-child:after {
403
- content: '';
404
- position: absolute;
405
- top: 0;
406
- left: 0;
407
- bottom: 0;
408
- right: 0;
409
- background: transparent;
410
- }
411
- .mds-btn-ghost.disabled,
412
- .mds-btn-ghost[disabled],
413
- .mds-btn-ghost.disabled:hover,
414
- .mds-btn-ghost[disabled]:hover,
415
- .mds-btn-ghost.disabled:focus,
416
- .mds-btn-ghost[disabled]:focus,
417
- .mds-btn-ghost.disabled:active,
418
- .mds-btn-ghost[disabled]:active,
419
- .mds-btn-ghost.disabled.active,
420
- .mds-btn-ghost[disabled].active {
421
- color: rgba(0, 0, 0, 0.2);
422
- background-color: #f7f7f7;
423
- border-color: #d9d9d9;
424
- }
425
- .mds-btn-ghost.disabled > a:only-child,
426
- .mds-btn-ghost[disabled] > a:only-child,
427
- .mds-btn-ghost.disabled:hover > a:only-child,
428
- .mds-btn-ghost[disabled]:hover > a:only-child,
429
- .mds-btn-ghost.disabled:focus > a:only-child,
430
- .mds-btn-ghost[disabled]:focus > a:only-child,
431
- .mds-btn-ghost.disabled:active > a:only-child,
432
- .mds-btn-ghost[disabled]:active > a:only-child,
433
- .mds-btn-ghost.disabled.active > a:only-child,
434
- .mds-btn-ghost[disabled].active > a:only-child {
435
- color: currentColor;
436
- }
437
- .mds-btn-ghost.disabled > a:only-child:after,
438
- .mds-btn-ghost[disabled] > a:only-child:after,
439
- .mds-btn-ghost.disabled:hover > a:only-child:after,
440
- .mds-btn-ghost[disabled]:hover > a:only-child:after,
441
- .mds-btn-ghost.disabled:focus > a:only-child:after,
442
- .mds-btn-ghost[disabled]:focus > a:only-child:after,
443
- .mds-btn-ghost.disabled:active > a:only-child:after,
444
- .mds-btn-ghost[disabled]:active > a:only-child:after,
445
- .mds-btn-ghost.disabled.active > a:only-child:after,
446
- .mds-btn-ghost[disabled].active > a:only-child:after {
447
- content: '';
448
- position: absolute;
449
- top: 0;
450
- left: 0;
451
- bottom: 0;
452
- right: 0;
453
- background: transparent;
454
- }
455
- .mds-btn-ghost .margin {
456
- margin-top: 10px;
457
- }
458
- .mds-btn-dashed {
459
- color: #666666;
460
- background-color: #fff;
461
- border-color: #d9d9d9;
462
- border-style: dashed;
463
- }
464
- .mds-btn-dashed > a:only-child {
465
- color: currentColor;
466
- }
467
- .mds-btn-dashed > a:only-child:after {
468
- content: '';
469
- position: absolute;
470
- top: 0;
471
- left: 0;
472
- bottom: 0;
473
- right: 0;
474
- background: transparent;
475
- }
476
- .mds-btn-dashed:hover,
477
- .mds-btn-dashed:focus {
478
- color: #0364ff;
479
- background-color: #fff;
480
- border-color: #0364ff;
481
- }
482
- .mds-btn-dashed:hover > a:only-child,
483
- .mds-btn-dashed:focus > a:only-child {
484
- color: currentColor;
485
- }
486
- .mds-btn-dashed:hover > a:only-child:after,
487
- .mds-btn-dashed:focus > a:only-child:after {
488
- content: '';
489
- position: absolute;
490
- top: 0;
491
- left: 0;
492
- bottom: 0;
493
- right: 0;
494
- background: transparent;
495
- }
496
- .mds-btn-dashed:active,
497
- .mds-btn-dashed.active {
498
- color: #0252dd;
499
- background-color: #fff;
500
- border-color: #0252dd;
501
- }
502
- .mds-btn-dashed:active > a:only-child,
503
- .mds-btn-dashed.active > a:only-child {
504
- color: currentColor;
505
- }
506
- .mds-btn-dashed:active > a:only-child:after,
507
- .mds-btn-dashed.active > a:only-child:after {
508
- content: '';
509
- position: absolute;
510
- top: 0;
511
- left: 0;
512
- bottom: 0;
513
- right: 0;
514
- background: transparent;
515
- }
516
- .mds-btn-dashed.disabled,
517
- .mds-btn-dashed[disabled],
518
- .mds-btn-dashed.disabled:hover,
519
- .mds-btn-dashed[disabled]:hover,
520
- .mds-btn-dashed.disabled:focus,
521
- .mds-btn-dashed[disabled]:focus,
522
- .mds-btn-dashed.disabled:active,
523
- .mds-btn-dashed[disabled]:active,
524
- .mds-btn-dashed.disabled.active,
525
- .mds-btn-dashed[disabled].active {
526
- color: rgba(0, 0, 0, 0.2);
527
- background-color: #f7f7f7;
528
- border-color: #d9d9d9;
529
- }
530
- .mds-btn-dashed.disabled > a:only-child,
531
- .mds-btn-dashed[disabled] > a:only-child,
532
- .mds-btn-dashed.disabled:hover > a:only-child,
533
- .mds-btn-dashed[disabled]:hover > a:only-child,
534
- .mds-btn-dashed.disabled:focus > a:only-child,
535
- .mds-btn-dashed[disabled]:focus > a:only-child,
536
- .mds-btn-dashed.disabled:active > a:only-child,
537
- .mds-btn-dashed[disabled]:active > a:only-child,
538
- .mds-btn-dashed.disabled.active > a:only-child,
539
- .mds-btn-dashed[disabled].active > a:only-child {
540
- color: currentColor;
541
- }
542
- .mds-btn-dashed.disabled > a:only-child:after,
543
- .mds-btn-dashed[disabled] > a:only-child:after,
544
- .mds-btn-dashed.disabled:hover > a:only-child:after,
545
- .mds-btn-dashed[disabled]:hover > a:only-child:after,
546
- .mds-btn-dashed.disabled:focus > a:only-child:after,
547
- .mds-btn-dashed[disabled]:focus > a:only-child:after,
548
- .mds-btn-dashed.disabled:active > a:only-child:after,
549
- .mds-btn-dashed[disabled]:active > a:only-child:after,
550
- .mds-btn-dashed.disabled.active > a:only-child:after,
551
- .mds-btn-dashed[disabled].active > a:only-child:after {
552
- content: '';
553
- position: absolute;
554
- top: 0;
555
- left: 0;
556
- bottom: 0;
557
- right: 0;
558
- background: transparent;
559
- }
560
- .mds-btn-danger {
561
- color: #fff;
562
- background-color: #EE3333;
563
- border-color: #EE3333;
564
- }
565
- .mds-btn-danger > a:only-child {
566
- color: currentColor;
567
- }
568
- .mds-btn-danger > a:only-child:after {
569
- content: '';
570
- position: absolute;
571
- top: 0;
572
- left: 0;
573
- bottom: 0;
574
- right: 0;
575
- background: transparent;
576
- }
577
- .mds-btn-danger:hover,
578
- .mds-btn-danger:focus {
579
- color: #fff;
580
- background-color: #EF4747;
581
- border-color: #EF4747;
582
- }
583
- .mds-btn-danger:hover > a:only-child,
584
- .mds-btn-danger:focus > a:only-child {
585
- color: currentColor;
586
- }
587
- .mds-btn-danger:hover > a:only-child:after,
588
- .mds-btn-danger:focus > a:only-child:after {
589
- content: '';
590
- position: absolute;
591
- top: 0;
592
- left: 0;
593
- bottom: 0;
594
- right: 0;
595
- background: transparent;
596
- }
597
- .mds-btn-danger:active,
598
- .mds-btn-danger.active {
599
- color: #fff;
600
- background-color: #D52D2D;
601
- border-color: #D52D2D;
602
- }
603
- .mds-btn-danger:active > a:only-child,
604
- .mds-btn-danger.active > a:only-child {
605
- color: currentColor;
606
- }
607
- .mds-btn-danger:active > a:only-child:after,
608
- .mds-btn-danger.active > a:only-child:after {
609
- content: '';
610
- position: absolute;
611
- top: 0;
612
- left: 0;
613
- bottom: 0;
614
- right: 0;
615
- background: transparent;
616
- }
617
- .mds-btn-danger.disabled,
618
- .mds-btn-danger[disabled],
619
- .mds-btn-danger.disabled:hover,
620
- .mds-btn-danger[disabled]:hover,
621
- .mds-btn-danger.disabled:focus,
622
- .mds-btn-danger[disabled]:focus,
623
- .mds-btn-danger.disabled:active,
624
- .mds-btn-danger[disabled]:active,
625
- .mds-btn-danger.disabled.active,
626
- .mds-btn-danger[disabled].active {
627
- color: rgba(0, 0, 0, 0.2);
628
- background-color: #f7f7f7;
629
- border-color: #d9d9d9;
630
- }
631
- .mds-btn-danger.disabled > a:only-child,
632
- .mds-btn-danger[disabled] > a:only-child,
633
- .mds-btn-danger.disabled:hover > a:only-child,
634
- .mds-btn-danger[disabled]:hover > a:only-child,
635
- .mds-btn-danger.disabled:focus > a:only-child,
636
- .mds-btn-danger[disabled]:focus > a:only-child,
637
- .mds-btn-danger.disabled:active > a:only-child,
638
- .mds-btn-danger[disabled]:active > a:only-child,
639
- .mds-btn-danger.disabled.active > a:only-child,
640
- .mds-btn-danger[disabled].active > a:only-child {
641
- color: currentColor;
642
- }
643
- .mds-btn-danger.disabled > a:only-child:after,
644
- .mds-btn-danger[disabled] > a:only-child:after,
645
- .mds-btn-danger.disabled:hover > a:only-child:after,
646
- .mds-btn-danger[disabled]:hover > a:only-child:after,
647
- .mds-btn-danger.disabled:focus > a:only-child:after,
648
- .mds-btn-danger[disabled]:focus > a:only-child:after,
649
- .mds-btn-danger.disabled:active > a:only-child:after,
650
- .mds-btn-danger[disabled]:active > a:only-child:after,
651
- .mds-btn-danger.disabled.active > a:only-child:after,
652
- .mds-btn-danger[disabled].active > a:only-child:after {
653
- content: '';
654
- position: absolute;
655
- top: 0;
656
- left: 0;
657
- bottom: 0;
658
- right: 0;
659
- background: transparent;
660
- }
661
- .mds-btn-normal {
662
- color: #0364ff;
663
- background-color: #fff;
664
- border-color: #fff;
665
- }
666
- .mds-btn-normal > a:only-child {
667
- color: currentColor;
668
- }
669
- .mds-btn-normal > a:only-child:after {
670
- content: '';
671
- position: absolute;
672
- top: 0;
673
- left: 0;
674
- bottom: 0;
675
- right: 0;
676
- background: transparent;
677
- }
678
- .mds-btn-normal:hover,
679
- .mds-btn-normal:focus {
680
- color: #0364ff;
681
- background-color: #E6F0FF;
682
- border-color: #fff;
683
- }
684
- .mds-btn-normal:hover > a:only-child,
685
- .mds-btn-normal:focus > a:only-child {
686
- color: currentColor;
687
- }
688
- .mds-btn-normal:hover > a:only-child:after,
689
- .mds-btn-normal:focus > a:only-child:after {
690
- content: '';
691
- position: absolute;
692
- top: 0;
693
- left: 0;
694
- bottom: 0;
695
- right: 0;
696
- background: transparent;
697
- }
698
- .mds-btn-normal:active,
699
- .mds-btn-normal.active {
700
- color: #0252dd;
701
- background-color: #fff;
702
- border-color: #fff;
703
- }
704
- .mds-btn-normal:active > a:only-child,
705
- .mds-btn-normal.active > a:only-child {
706
- color: currentColor;
707
- }
708
- .mds-btn-normal:active > a:only-child:after,
709
- .mds-btn-normal.active > a:only-child:after {
710
- content: '';
711
- position: absolute;
712
- top: 0;
713
- left: 0;
714
- bottom: 0;
715
- right: 0;
716
- background: transparent;
717
- }
718
- .mds-btn-normal.disabled,
719
- .mds-btn-normal[disabled],
720
- .mds-btn-normal.disabled:hover,
721
- .mds-btn-normal[disabled]:hover,
722
- .mds-btn-normal.disabled:focus,
723
- .mds-btn-normal[disabled]:focus,
724
- .mds-btn-normal.disabled:active,
725
- .mds-btn-normal[disabled]:active,
726
- .mds-btn-normal.disabled.active,
727
- .mds-btn-normal[disabled].active {
728
- color: rgba(0, 0, 0, 0.2);
729
- background-color: #f7f7f7;
730
- border-color: #d9d9d9;
731
- }
732
- .mds-btn-normal.disabled > a:only-child,
733
- .mds-btn-normal[disabled] > a:only-child,
734
- .mds-btn-normal.disabled:hover > a:only-child,
735
- .mds-btn-normal[disabled]:hover > a:only-child,
736
- .mds-btn-normal.disabled:focus > a:only-child,
737
- .mds-btn-normal[disabled]:focus > a:only-child,
738
- .mds-btn-normal.disabled:active > a:only-child,
739
- .mds-btn-normal[disabled]:active > a:only-child,
740
- .mds-btn-normal.disabled.active > a:only-child,
741
- .mds-btn-normal[disabled].active > a:only-child {
742
- color: currentColor;
743
- }
744
- .mds-btn-normal.disabled > a:only-child:after,
745
- .mds-btn-normal[disabled] > a:only-child:after,
746
- .mds-btn-normal.disabled:hover > a:only-child:after,
747
- .mds-btn-normal[disabled]:hover > a:only-child:after,
748
- .mds-btn-normal.disabled:focus > a:only-child:after,
749
- .mds-btn-normal[disabled]:focus > a:only-child:after,
750
- .mds-btn-normal.disabled:active > a:only-child:after,
751
- .mds-btn-normal[disabled]:active > a:only-child:after,
752
- .mds-btn-normal.disabled.active > a:only-child:after,
753
- .mds-btn-normal[disabled].active > a:only-child:after {
754
- content: '';
755
- position: absolute;
756
- top: 0;
757
- left: 0;
758
- bottom: 0;
759
- right: 0;
760
- background: transparent;
761
- }
762
- .mds-btn-normal.disabled,
763
- .mds-btn-normal[disabled] {
764
- background-color: transparent;
765
- border: none;
766
- }
767
- .mds-btn-normal.disabled:focus,
768
- .mds-btn-normal[disabled]:focus,
769
- .mds-btn-normal.disabled:hover,
770
- .mds-btn-normal[disabled]:hover,
771
- .mds-btn-normal.disabled:active,
772
- .mds-btn-normal[disabled]:active,
773
- .mds-btn-normal.disabled.active,
774
- .mds-btn-normal[disabled].active {
775
- background-color: #f7f7f7;
776
- }
777
- .mds-btn-correct {
778
- color: #fff;
779
- background-color: #00AA00;
780
- border-color: #00AA00;
781
- }
782
- .mds-btn-correct > a:only-child {
783
- color: currentColor;
784
- }
785
- .mds-btn-correct > a:only-child:after {
786
- content: '';
787
- position: absolute;
788
- top: 0;
789
- left: 0;
790
- bottom: 0;
791
- right: 0;
792
- background: transparent;
793
- }
794
- .mds-btn-correct:hover,
795
- .mds-btn-correct:focus {
796
- color: #fff;
797
- background-color: #3dbe3d;
798
- border-color: #1AB21A;
799
- }
800
- .mds-btn-correct:hover > a:only-child,
801
- .mds-btn-correct:focus > a:only-child {
802
- color: currentColor;
803
- }
804
- .mds-btn-correct:hover > a:only-child:after,
805
- .mds-btn-correct:focus > a:only-child:after {
806
- content: '';
807
- position: absolute;
808
- top: 0;
809
- left: 0;
810
- bottom: 0;
811
- right: 0;
812
- background: transparent;
813
- }
814
- .mds-btn-correct:active,
815
- .mds-btn-correct.active {
816
- color: #fff;
817
- background-color: #009303;
818
- border-color: #009800;
819
- }
820
- .mds-btn-correct:active > a:only-child,
821
- .mds-btn-correct.active > a:only-child {
822
- color: currentColor;
823
- }
824
- .mds-btn-correct:active > a:only-child:after,
825
- .mds-btn-correct.active > a:only-child:after {
826
- content: '';
827
- position: absolute;
828
- top: 0;
829
- left: 0;
830
- bottom: 0;
831
- right: 0;
832
- background: transparent;
833
- }
834
- .mds-btn-correct.disabled,
835
- .mds-btn-correct[disabled],
836
- .mds-btn-correct.disabled:hover,
837
- .mds-btn-correct[disabled]:hover,
838
- .mds-btn-correct.disabled:focus,
839
- .mds-btn-correct[disabled]:focus,
840
- .mds-btn-correct.disabled:active,
841
- .mds-btn-correct[disabled]:active,
842
- .mds-btn-correct.disabled.active,
843
- .mds-btn-correct[disabled].active {
844
- color: rgba(0, 0, 0, 0.2);
845
- background-color: #f7f7f7;
846
- border-color: #d9d9d9;
847
- }
848
- .mds-btn-correct.disabled > a:only-child,
849
- .mds-btn-correct[disabled] > a:only-child,
850
- .mds-btn-correct.disabled:hover > a:only-child,
851
- .mds-btn-correct[disabled]:hover > a:only-child,
852
- .mds-btn-correct.disabled:focus > a:only-child,
853
- .mds-btn-correct[disabled]:focus > a:only-child,
854
- .mds-btn-correct.disabled:active > a:only-child,
855
- .mds-btn-correct[disabled]:active > a:only-child,
856
- .mds-btn-correct.disabled.active > a:only-child,
857
- .mds-btn-correct[disabled].active > a:only-child {
858
- color: currentColor;
859
- }
860
- .mds-btn-correct.disabled > a:only-child:after,
861
- .mds-btn-correct[disabled] > a:only-child:after,
862
- .mds-btn-correct.disabled:hover > a:only-child:after,
863
- .mds-btn-correct[disabled]:hover > a:only-child:after,
864
- .mds-btn-correct.disabled:focus > a:only-child:after,
865
- .mds-btn-correct[disabled]:focus > a:only-child:after,
866
- .mds-btn-correct.disabled:active > a:only-child:after,
867
- .mds-btn-correct[disabled]:active > a:only-child:after,
868
- .mds-btn-correct.disabled.active > a:only-child:after,
869
- .mds-btn-correct[disabled].active > a:only-child:after {
870
- content: '';
871
- position: absolute;
872
- top: 0;
873
- left: 0;
874
- bottom: 0;
875
- right: 0;
876
- background: transparent;
877
- }
878
- .mds-btn-correct:hover {
879
- border-color: #3cbe3c !important;
880
- }
881
- .mds-btn-correct:focus {
882
- border-color: #019302 !important;
883
- }
884
- .mds-btn-warning {
885
- color: #fff;
886
- background-color: #ffcc01;
887
- border-color: #ffcc01;
888
- }
889
- .mds-btn-warning > a:only-child {
890
- color: currentColor;
891
- }
892
- .mds-btn-warning > a:only-child:after {
893
- content: '';
894
- position: absolute;
895
- top: 0;
896
- left: 0;
897
- bottom: 0;
898
- right: 0;
899
- background: transparent;
900
- }
901
- .mds-btn-warning:hover,
902
- .mds-btn-warning:focus {
903
- color: #fff;
904
- background-color: #ffd83e;
905
- border-color: rgba(255, 204, 1, 0.5);
906
- }
907
- .mds-btn-warning:hover > a:only-child,
908
- .mds-btn-warning:focus > a:only-child {
909
- color: currentColor;
910
- }
911
- .mds-btn-warning:hover > a:only-child:after,
912
- .mds-btn-warning:focus > a:only-child:after {
913
- content: '';
914
- position: absolute;
915
- top: 0;
916
- left: 0;
917
- bottom: 0;
918
- right: 0;
919
- background: transparent;
920
- }
921
- .mds-btn-warning:active,
922
- .mds-btn-warning.active {
923
- color: #fff;
924
- background-color: #e0a601;
925
- border-color: rgba(255, 204, 1, 0.5);
926
- }
927
- .mds-btn-warning:active > a:only-child,
928
- .mds-btn-warning.active > a:only-child {
929
- color: currentColor;
930
- }
931
- .mds-btn-warning:active > a:only-child:after,
932
- .mds-btn-warning.active > a:only-child:after {
933
- content: '';
934
- position: absolute;
935
- top: 0;
936
- left: 0;
937
- bottom: 0;
938
- right: 0;
939
- background: transparent;
940
- }
941
- .mds-btn-warning.disabled,
942
- .mds-btn-warning[disabled],
943
- .mds-btn-warning.disabled:hover,
944
- .mds-btn-warning[disabled]:hover,
945
- .mds-btn-warning.disabled:focus,
946
- .mds-btn-warning[disabled]:focus,
947
- .mds-btn-warning.disabled:active,
948
- .mds-btn-warning[disabled]:active,
949
- .mds-btn-warning.disabled.active,
950
- .mds-btn-warning[disabled].active {
951
- color: rgba(0, 0, 0, 0.2);
952
- background-color: #f7f7f7;
953
- border-color: #d9d9d9;
954
- }
955
- .mds-btn-warning.disabled > a:only-child,
956
- .mds-btn-warning[disabled] > a:only-child,
957
- .mds-btn-warning.disabled:hover > a:only-child,
958
- .mds-btn-warning[disabled]:hover > a:only-child,
959
- .mds-btn-warning.disabled:focus > a:only-child,
960
- .mds-btn-warning[disabled]:focus > a:only-child,
961
- .mds-btn-warning.disabled:active > a:only-child,
962
- .mds-btn-warning[disabled]:active > a:only-child,
963
- .mds-btn-warning.disabled.active > a:only-child,
964
- .mds-btn-warning[disabled].active > a:only-child {
965
- color: currentColor;
966
- }
967
- .mds-btn-warning.disabled > a:only-child:after,
968
- .mds-btn-warning[disabled] > a:only-child:after,
969
- .mds-btn-warning.disabled:hover > a:only-child:after,
970
- .mds-btn-warning[disabled]:hover > a:only-child:after,
971
- .mds-btn-warning.disabled:focus > a:only-child:after,
972
- .mds-btn-warning[disabled]:focus > a:only-child:after,
973
- .mds-btn-warning.disabled:active > a:only-child:after,
974
- .mds-btn-warning[disabled]:active > a:only-child:after,
975
- .mds-btn-warning.disabled.active > a:only-child:after,
976
- .mds-btn-warning[disabled].active > a:only-child:after {
977
- content: '';
978
- position: absolute;
979
- top: 0;
980
- left: 0;
981
- bottom: 0;
982
- right: 0;
983
- background: transparent;
984
- }
985
- .mds-btn-warning:hover {
986
- border-color: rgba(255, 204, 1, 0.5) !important;
987
- }
988
- .mds-btn-warning:focus {
989
- border-color: rgba(255, 204, 1, 0.5) !important;
990
- }
991
- .mds-btn-info {
992
- color: #fff;
993
- background-color: #29adff;
994
- border-color: #29adff;
995
- }
996
- .mds-btn-info > a:only-child {
997
- color: currentColor;
998
- }
999
- .mds-btn-info > a:only-child:after {
1000
- content: '';
1001
- position: absolute;
1002
- top: 0;
1003
- left: 0;
1004
- bottom: 0;
1005
- right: 0;
1006
- background: transparent;
1007
- }
1008
- .mds-btn-info:hover,
1009
- .mds-btn-info:focus {
1010
- color: #fff;
1011
- background-color: #5cc1ff;
1012
- border-color: rgba(41, 173, 255, 0.5);
1013
- }
1014
- .mds-btn-info:hover > a:only-child,
1015
- .mds-btn-info:focus > a:only-child {
1016
- color: currentColor;
1017
- }
1018
- .mds-btn-info:hover > a:only-child:after,
1019
- .mds-btn-info:focus > a:only-child:after {
1020
- content: '';
1021
- position: absolute;
1022
- top: 0;
1023
- left: 0;
1024
- bottom: 0;
1025
- right: 0;
1026
- background: transparent;
1027
- }
1028
- .mds-btn-info:active,
1029
- .mds-btn-info.active {
1030
- color: #fff;
1031
- background-color: #1f92e1;
1032
- border-color: rgba(41, 173, 255, 0.5);
1033
- }
1034
- .mds-btn-info:active > a:only-child,
1035
- .mds-btn-info.active > a:only-child {
1036
- color: currentColor;
1037
- }
1038
- .mds-btn-info:active > a:only-child:after,
1039
- .mds-btn-info.active > a:only-child:after {
1040
- content: '';
1041
- position: absolute;
1042
- top: 0;
1043
- left: 0;
1044
- bottom: 0;
1045
- right: 0;
1046
- background: transparent;
1047
- }
1048
- .mds-btn-info.disabled,
1049
- .mds-btn-info[disabled],
1050
- .mds-btn-info.disabled:hover,
1051
- .mds-btn-info[disabled]:hover,
1052
- .mds-btn-info.disabled:focus,
1053
- .mds-btn-info[disabled]:focus,
1054
- .mds-btn-info.disabled:active,
1055
- .mds-btn-info[disabled]:active,
1056
- .mds-btn-info.disabled.active,
1057
- .mds-btn-info[disabled].active {
1058
- color: rgba(0, 0, 0, 0.2);
1059
- background-color: #f7f7f7;
1060
- border-color: #d9d9d9;
1061
- }
1062
- .mds-btn-info.disabled > a:only-child,
1063
- .mds-btn-info[disabled] > a:only-child,
1064
- .mds-btn-info.disabled:hover > a:only-child,
1065
- .mds-btn-info[disabled]:hover > a:only-child,
1066
- .mds-btn-info.disabled:focus > a:only-child,
1067
- .mds-btn-info[disabled]:focus > a:only-child,
1068
- .mds-btn-info.disabled:active > a:only-child,
1069
- .mds-btn-info[disabled]:active > a:only-child,
1070
- .mds-btn-info.disabled.active > a:only-child,
1071
- .mds-btn-info[disabled].active > a:only-child {
1072
- color: currentColor;
1073
- }
1074
- .mds-btn-info.disabled > a:only-child:after,
1075
- .mds-btn-info[disabled] > a:only-child:after,
1076
- .mds-btn-info.disabled:hover > a:only-child:after,
1077
- .mds-btn-info[disabled]:hover > a:only-child:after,
1078
- .mds-btn-info.disabled:focus > a:only-child:after,
1079
- .mds-btn-info[disabled]:focus > a:only-child:after,
1080
- .mds-btn-info.disabled:active > a:only-child:after,
1081
- .mds-btn-info[disabled]:active > a:only-child:after,
1082
- .mds-btn-info.disabled.active > a:only-child:after,
1083
- .mds-btn-info[disabled].active > a:only-child:after {
1084
- content: '';
1085
- position: absolute;
1086
- top: 0;
1087
- left: 0;
1088
- bottom: 0;
1089
- right: 0;
1090
- background: transparent;
1091
- }
1092
- .mds-btn-info:hover {
1093
- border-color: rgba(41, 173, 255, 0.5) !important;
1094
- }
1095
- .mds-btn-info:focus {
1096
- border-color: rgba(41, 173, 255, 0.5) !important;
1097
- }
1098
- .mds-btn-circle,
1099
- .mds-btn-circle-outline {
1100
- width: 36px;
1101
- padding: 0;
1102
- font-size: 14px;
1103
- border-radius: 50%;
1104
- height: 36px;
1105
- }
1106
- .mds-btn-circle.mds-btn-lg,
1107
- .mds-btn-circle-outline.mds-btn-lg {
1108
- width: 40px;
1109
- padding: 0;
1110
- font-size: 20px;
1111
- border-radius: 50%;
1112
- height: 40px;
1113
- }
1114
- .mds-btn-circle.mds-btn-sm,
1115
- .mds-btn-circle-outline.mds-btn-sm {
1116
- width: 32px;
1117
- padding: 0;
1118
- font-size: 16px;
1119
- border-radius: 50%;
1120
- height: 32px;
1121
- font-size: 14px;
1122
- }
1123
- .mds-btn-circle.mds-btn-ls,
1124
- .mds-btn-circle-outline.mds-btn-ls {
1125
- width: 28px;
1126
- padding: 0;
1127
- font-size: 14px;
1128
- border-radius: 50%;
1129
- height: 28px;
1130
- font-size: 12px;
1131
- }
1132
- .mds-btn-loading {
1133
- color: #fff;
1134
- background-color: #1770FF;
1135
- border-color: #1770FF;
1136
- }
1137
- .mds-btn-loading > a:only-child {
1138
- color: currentColor;
1139
- }
1140
- .mds-btn-loading > a:only-child:after {
1141
- content: '';
1142
- position: absolute;
1143
- top: 0;
1144
- left: 0;
1145
- bottom: 0;
1146
- right: 0;
1147
- background: transparent;
1148
- }
1149
- .mds-btn-loading:hover,
1150
- .mds-btn-loading:focus {
1151
- color: #fff;
1152
- background-color: #4e92ff;
1153
- border-color: #1AB21A;
1154
- }
1155
- .mds-btn-loading:hover > a:only-child,
1156
- .mds-btn-loading:focus > a:only-child {
1157
- color: currentColor;
1158
- }
1159
- .mds-btn-loading:hover > a:only-child:after,
1160
- .mds-btn-loading:focus > a:only-child:after {
1161
- content: '';
1162
- position: absolute;
1163
- top: 0;
1164
- left: 0;
1165
- bottom: 0;
1166
- right: 0;
1167
- background: transparent;
1168
- }
1169
- .mds-btn-loading:active,
1170
- .mds-btn-loading.active {
1171
- color: #fff;
1172
- background-color: #115bdf;
1173
- border-color: #009800;
1174
- }
1175
- .mds-btn-loading:active > a:only-child,
1176
- .mds-btn-loading.active > a:only-child {
1177
- color: currentColor;
1178
- }
1179
- .mds-btn-loading:active > a:only-child:after,
1180
- .mds-btn-loading.active > a:only-child:after {
1181
- content: '';
1182
- position: absolute;
1183
- top: 0;
1184
- left: 0;
1185
- bottom: 0;
1186
- right: 0;
1187
- background: transparent;
1188
- }
1189
- .mds-btn-loading.disabled,
1190
- .mds-btn-loading[disabled],
1191
- .mds-btn-loading.disabled:hover,
1192
- .mds-btn-loading[disabled]:hover,
1193
- .mds-btn-loading.disabled:focus,
1194
- .mds-btn-loading[disabled]:focus,
1195
- .mds-btn-loading.disabled:active,
1196
- .mds-btn-loading[disabled]:active,
1197
- .mds-btn-loading.disabled.active,
1198
- .mds-btn-loading[disabled].active {
1199
- color: rgba(0, 0, 0, 0.2);
1200
- background-color: #f7f7f7;
1201
- border-color: #d9d9d9;
1202
- }
1203
- .mds-btn-loading.disabled > a:only-child,
1204
- .mds-btn-loading[disabled] > a:only-child,
1205
- .mds-btn-loading.disabled:hover > a:only-child,
1206
- .mds-btn-loading[disabled]:hover > a:only-child,
1207
- .mds-btn-loading.disabled:focus > a:only-child,
1208
- .mds-btn-loading[disabled]:focus > a:only-child,
1209
- .mds-btn-loading.disabled:active > a:only-child,
1210
- .mds-btn-loading[disabled]:active > a:only-child,
1211
- .mds-btn-loading.disabled.active > a:only-child,
1212
- .mds-btn-loading[disabled].active > a:only-child {
1213
- color: currentColor;
1214
- }
1215
- .mds-btn-loading.disabled > a:only-child:after,
1216
- .mds-btn-loading[disabled] > a:only-child:after,
1217
- .mds-btn-loading.disabled:hover > a:only-child:after,
1218
- .mds-btn-loading[disabled]:hover > a:only-child:after,
1219
- .mds-btn-loading.disabled:focus > a:only-child:after,
1220
- .mds-btn-loading[disabled]:focus > a:only-child:after,
1221
- .mds-btn-loading.disabled:active > a:only-child:after,
1222
- .mds-btn-loading[disabled]:active > a:only-child:after,
1223
- .mds-btn-loading.disabled.active > a:only-child:after,
1224
- .mds-btn-loading[disabled].active > a:only-child:after {
1225
- content: '';
1226
- position: absolute;
1227
- top: 0;
1228
- left: 0;
1229
- bottom: 0;
1230
- right: 0;
1231
- background: transparent;
1232
- }
1233
- .mds-btn-default {
1234
- color: #666666;
1235
- background-color: #fff;
1236
- border-color: #d9d9d9;
1237
- }
1238
- .mds-btn-default > a:only-child {
1239
- color: currentColor;
1240
- }
1241
- .mds-btn-default > a:only-child:after {
1242
- content: '';
1243
- position: absolute;
1244
- top: 0;
1245
- left: 0;
1246
- bottom: 0;
1247
- right: 0;
1248
- background: transparent;
1249
- }
1250
- .mds-btn-default:hover,
1251
- .mds-btn-default:focus {
1252
- color: #0364ff;
1253
- background-color: #fff;
1254
- border-color: #0364ff;
1255
- }
1256
- .mds-btn-default:hover > a:only-child,
1257
- .mds-btn-default:focus > a:only-child {
1258
- color: currentColor;
1259
- }
1260
- .mds-btn-default:hover > a:only-child:after,
1261
- .mds-btn-default:focus > a:only-child:after {
1262
- content: '';
1263
- position: absolute;
1264
- top: 0;
1265
- left: 0;
1266
- bottom: 0;
1267
- right: 0;
1268
- background: transparent;
1269
- }
1270
- .mds-btn-default:active,
1271
- .mds-btn-default.active {
1272
- color: #0252dd;
1273
- background-color: #fff;
1274
- border-color: #0252dd;
1275
- }
1276
- .mds-btn-default:active > a:only-child,
1277
- .mds-btn-default.active > a:only-child {
1278
- color: currentColor;
1279
- }
1280
- .mds-btn-default:active > a:only-child:after,
1281
- .mds-btn-default.active > a:only-child:after {
1282
- content: '';
1283
- position: absolute;
1284
- top: 0;
1285
- left: 0;
1286
- bottom: 0;
1287
- right: 0;
1288
- background: transparent;
1289
- }
1290
- .mds-btn-default.disabled,
1291
- .mds-btn-default[disabled],
1292
- .mds-btn-default.disabled:hover,
1293
- .mds-btn-default[disabled]:hover,
1294
- .mds-btn-default.disabled:focus,
1295
- .mds-btn-default[disabled]:focus,
1296
- .mds-btn-default.disabled:active,
1297
- .mds-btn-default[disabled]:active,
1298
- .mds-btn-default.disabled.active,
1299
- .mds-btn-default[disabled].active {
1300
- color: rgba(0, 0, 0, 0.2);
1301
- background-color: #f7f7f7;
1302
- border-color: #d9d9d9;
1303
- }
1304
- .mds-btn-default.disabled > a:only-child,
1305
- .mds-btn-default[disabled] > a:only-child,
1306
- .mds-btn-default.disabled:hover > a:only-child,
1307
- .mds-btn-default[disabled]:hover > a:only-child,
1308
- .mds-btn-default.disabled:focus > a:only-child,
1309
- .mds-btn-default[disabled]:focus > a:only-child,
1310
- .mds-btn-default.disabled:active > a:only-child,
1311
- .mds-btn-default[disabled]:active > a:only-child,
1312
- .mds-btn-default.disabled.active > a:only-child,
1313
- .mds-btn-default[disabled].active > a:only-child {
1314
- color: currentColor;
1315
- }
1316
- .mds-btn-default.disabled > a:only-child:after,
1317
- .mds-btn-default[disabled] > a:only-child:after,
1318
- .mds-btn-default.disabled:hover > a:only-child:after,
1319
- .mds-btn-default[disabled]:hover > a:only-child:after,
1320
- .mds-btn-default.disabled:focus > a:only-child:after,
1321
- .mds-btn-default[disabled]:focus > a:only-child:after,
1322
- .mds-btn-default.disabled:active > a:only-child:after,
1323
- .mds-btn-default[disabled]:active > a:only-child:after,
1324
- .mds-btn-default.disabled.active > a:only-child:after,
1325
- .mds-btn-default[disabled].active > a:only-child:after {
1326
- content: '';
1327
- position: absolute;
1328
- top: 0;
1329
- left: 0;
1330
- bottom: 0;
1331
- right: 0;
1332
- background: transparent;
1333
- }
1334
- .mds-btn-default > a:only-child {
1335
- color: currentColor;
1336
- }
1337
- .mds-btn-default > a:only-child:after {
1338
- content: '';
1339
- position: absolute;
1340
- top: 0;
1341
- left: 0;
1342
- bottom: 0;
1343
- right: 0;
1344
- background: transparent;
1345
- }
1346
- .mds-btn-default:hover,
1347
- .mds-btn-default:focus,
1348
- .mds-btn-default:active,
1349
- .mds-btn-default.active {
1350
- background: #fff;
1351
- }
1352
- .mds-btn:before {
1353
- position: absolute;
1354
- top: -1px;
1355
- left: -1px;
1356
- bottom: -1px;
1357
- right: -1px;
1358
- background: #fff;
1359
- opacity: 0.35;
1360
- content: '';
1361
- border-radius: inherit;
1362
- z-index: 1;
1363
- transition: opacity .2s;
1364
- pointer-events: none;
1365
- display: none;
1366
- }
1367
- .mds-btn .mdsicon {
1368
- transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1369
- }
1370
- .mds-btn.mds-btn-loading:before {
1371
- display: block;
1372
- }
1373
- .mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) {
1374
- padding-left: 29px;
1375
- pointer-events: none;
1376
- position: relative;
1377
- }
1378
- .mds-btn.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon {
1379
- margin-left: -14px;
1380
- }
1381
- .mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) {
1382
- padding-left: 24px;
1383
- }
1384
- .mds-btn-sm.mds-btn-loading:not(.mds-btn-circle):not(.mds-btn-circle-outline):not(.mds-btn-icon-only) .mdsicon {
1385
- margin-left: -17px;
1386
- }
1387
- .mds-btn-group {
1388
- position: relative;
1389
- display: inline-block;
1390
- font-size: 0;
1391
- }
1392
- .mds-btn-group > .mds-btn {
1393
- position: relative;
1394
- z-index: 1;
1395
- }
1396
- .mds-btn-group > .mds-btn:hover,
1397
- .mds-btn-group > .mds-btn:focus,
1398
- .mds-btn-group > .mds-btn:active,
1399
- .mds-btn-group > .mds-btn.active {
1400
- z-index: 2;
1401
- }
1402
- .mds-btn-group > .mds-btn:disabled {
1403
- z-index: 0;
1404
- }
1405
- .mds-btn-group-lg > .mds-btn {
1406
- padding: 0 24px;
1407
- font-size: 20px;
1408
- border-radius: 4px;
1409
- height: 40px;
1410
- }
1411
- .mds-btn-group-sm > .mds-btn {
1412
- padding: 0 16px;
1413
- font-size: 14px;
1414
- border-radius: 4px;
1415
- height: 32px;
1416
- }
1417
- .mds-btn-group-sm > .mds-btn > .mdsicon {
1418
- font-size: 14px;
1419
- }
1420
- .mds-btn-group-ls > .mds-btn {
1421
- padding: 0 7px;
1422
- font-size: 14px;
1423
- border-radius: 4px;
1424
- height: 32px;
1425
- }
1426
- .mds-btn-group-ls > .mds-btn > .mdsicon {
1427
- font-size: 12px;
1428
- }
1429
- .mds-btn-group .mds-btn + .mds-btn,
1430
- .mds-btn + .mds-btn-group,
1431
- .mds-btn-group + .mds-btn,
1432
- .mds-btn-group + .mds-btn-group {
1433
- margin-left: -1px;
1434
- }
1435
- .mds-btn-group .mds-btn:not(:first-child):not(:last-child) {
1436
- border-radius: 0;
1437
- padding-left: 15px;
1438
- padding-right: 15px;
1439
- }
1440
- .mds-btn-group > .mds-btn:first-child {
1441
- margin-left: 0;
1442
- padding-left: 15px;
1443
- padding-right: 15px;
1444
- }
1445
- .mds-btn-group > .mds-btn:first-child:not(:last-child) {
1446
- border-bottom-right-radius: 0;
1447
- border-top-right-radius: 0;
1448
- }
1449
- .mds-btn-group > .mds-btn:last-child:not(:first-child) {
1450
- padding-left: 15px;
1451
- padding-right: 15px;
1452
- border-bottom-left-radius: 0;
1453
- border-top-left-radius: 0;
1454
- }
1455
- .mds-btn-group > .mds-btn-group {
1456
- float: left;
1457
- }
1458
- .mds-btn-group > .mds-btn-group:not(:first-child):not(:last-child) > .mds-btn {
1459
- border-radius: 0;
1460
- }
1461
- .mds-btn-group > .mds-btn-group:first-child:not(:last-child) > .mds-btn:last-child {
1462
- border-bottom-right-radius: 0;
1463
- border-top-right-radius: 0;
1464
- padding-right: 8px;
1465
- }
1466
- .mds-btn-group > .mds-btn-group:last-child:not(:first-child) > .mds-btn:first-child {
1467
- border-bottom-left-radius: 0;
1468
- border-top-left-radius: 0;
1469
- padding-left: 8px;
1470
- }
1471
- .mds-btn:not(.mds-btn-circle):not(.mds-btn-circle-outline).mds-btn-icon-only {
1472
- padding-left: 10px;
1473
- padding-right: 10px;
1474
- }
1475
- .mds-btn:focus > span,
1476
- .mds-btn:active > span {
1477
- position: relative;
1478
- }
1479
- .mds-btn > .mdsicon + span,
1480
- .mds-btn > span + .mdsicon {
1481
- margin-left: 2px;
1482
- }
1483
- .mds-btn-clicked:not(.mds-btn-no-border-animate):after {
1484
- content: '';
1485
- position: absolute;
1486
- top: -1px;
1487
- left: -1px;
1488
- bottom: -1px;
1489
- right: -1px;
1490
- border-radius: inherit;
1491
- border: 0 solid #0364ff;
1492
- opacity: 0.4;
1493
- animation: buttonEffect .4s;
1494
- display: block;
1495
- }
1496
- .mds-btn-danger.mds-btn-clicked:after {
1497
- border-color: #fff;
1498
- content: '';
1499
- position: absolute;
1500
- top: -1px;
1501
- left: -1px;
1502
- bottom: -1px;
1503
- right: -1px;
1504
- border-radius: inherit;
1505
- border: 0 solid #0364ff;
1506
- opacity: 0.4;
1507
- animation: buttonEffect .4s;
1508
- display: block;
1509
- }
1510
- .mds-btn-background-ghost {
1511
- background: transparent !important;
1512
- border-color: #fff;
1513
- color: #fff;
1514
- }
1515
- .mds-btn-background-ghost.mds-btn-primary {
1516
- color: #0364ff;
1517
- background-color: transparent;
1518
- border-color: #0364ff;
1519
- }
1520
- .mds-btn-background-ghost.mds-btn-primary > a:only-child {
1521
- color: currentColor;
1522
- }
1523
- .mds-btn-background-ghost.mds-btn-primary > a:only-child:after {
1524
- content: '';
1525
- position: absolute;
1526
- top: 0;
1527
- left: 0;
1528
- bottom: 0;
1529
- right: 0;
1530
- background: transparent;
1531
- }
1532
- .mds-btn-background-ghost.mds-btn-primary:hover,
1533
- .mds-btn-background-ghost.mds-btn-primary:focus {
1534
- color: #3f89ff;
1535
- background-color: transparent;
1536
- border-color: #3f89ff;
1537
- }
1538
- .mds-btn-background-ghost.mds-btn-primary:hover > a:only-child,
1539
- .mds-btn-background-ghost.mds-btn-primary:focus > a:only-child {
1540
- color: currentColor;
1541
- }
1542
- .mds-btn-background-ghost.mds-btn-primary:hover > a:only-child:after,
1543
- .mds-btn-background-ghost.mds-btn-primary:focus > a:only-child:after {
1544
- content: '';
1545
- position: absolute;
1546
- top: 0;
1547
- left: 0;
1548
- bottom: 0;
1549
- right: 0;
1550
- background: transparent;
1551
- }
1552
- .mds-btn-background-ghost.mds-btn-primary:active,
1553
- .mds-btn-background-ghost.mds-btn-primary.active {
1554
- color: #0252dd;
1555
- background-color: transparent;
1556
- border-color: #0252dd;
1557
- }
1558
- .mds-btn-background-ghost.mds-btn-primary:active > a:only-child,
1559
- .mds-btn-background-ghost.mds-btn-primary.active > a:only-child {
1560
- color: currentColor;
1561
- }
1562
- .mds-btn-background-ghost.mds-btn-primary:active > a:only-child:after,
1563
- .mds-btn-background-ghost.mds-btn-primary.active > a:only-child:after {
1564
- content: '';
1565
- position: absolute;
1566
- top: 0;
1567
- left: 0;
1568
- bottom: 0;
1569
- right: 0;
1570
- background: transparent;
1571
- }
1572
- .mds-btn-background-ghost.mds-btn-primary.disabled,
1573
- .mds-btn-background-ghost.mds-btn-primary[disabled],
1574
- .mds-btn-background-ghost.mds-btn-primary.disabled:hover,
1575
- .mds-btn-background-ghost.mds-btn-primary[disabled]:hover,
1576
- .mds-btn-background-ghost.mds-btn-primary.disabled:focus,
1577
- .mds-btn-background-ghost.mds-btn-primary[disabled]:focus,
1578
- .mds-btn-background-ghost.mds-btn-primary.disabled:active,
1579
- .mds-btn-background-ghost.mds-btn-primary[disabled]:active,
1580
- .mds-btn-background-ghost.mds-btn-primary.disabled.active,
1581
- .mds-btn-background-ghost.mds-btn-primary[disabled].active {
1582
- color: rgba(0, 0, 0, 0.2);
1583
- background-color: #f7f7f7;
1584
- border-color: #d9d9d9;
1585
- }
1586
- .mds-btn-background-ghost.mds-btn-primary.disabled > a:only-child,
1587
- .mds-btn-background-ghost.mds-btn-primary[disabled] > a:only-child,
1588
- .mds-btn-background-ghost.mds-btn-primary.disabled:hover > a:only-child,
1589
- .mds-btn-background-ghost.mds-btn-primary[disabled]:hover > a:only-child,
1590
- .mds-btn-background-ghost.mds-btn-primary.disabled:focus > a:only-child,
1591
- .mds-btn-background-ghost.mds-btn-primary[disabled]:focus > a:only-child,
1592
- .mds-btn-background-ghost.mds-btn-primary.disabled:active > a:only-child,
1593
- .mds-btn-background-ghost.mds-btn-primary[disabled]:active > a:only-child,
1594
- .mds-btn-background-ghost.mds-btn-primary.disabled.active > a:only-child,
1595
- .mds-btn-background-ghost.mds-btn-primary[disabled].active > a:only-child {
1596
- color: currentColor;
1597
- }
1598
- .mds-btn-background-ghost.mds-btn-primary.disabled > a:only-child:after,
1599
- .mds-btn-background-ghost.mds-btn-primary[disabled] > a:only-child:after,
1600
- .mds-btn-background-ghost.mds-btn-primary.disabled:hover > a:only-child:after,
1601
- .mds-btn-background-ghost.mds-btn-primary[disabled]:hover > a:only-child:after,
1602
- .mds-btn-background-ghost.mds-btn-primary.disabled:focus > a:only-child:after,
1603
- .mds-btn-background-ghost.mds-btn-primary[disabled]:focus > a:only-child:after,
1604
- .mds-btn-background-ghost.mds-btn-primary.disabled:active > a:only-child:after,
1605
- .mds-btn-background-ghost.mds-btn-primary[disabled]:active > a:only-child:after,
1606
- .mds-btn-background-ghost.mds-btn-primary.disabled.active > a:only-child:after,
1607
- .mds-btn-background-ghost.mds-btn-primary[disabled].active > a:only-child:after {
1608
- content: '';
1609
- position: absolute;
1610
- top: 0;
1611
- left: 0;
1612
- bottom: 0;
1613
- right: 0;
1614
- background: transparent;
1615
- }
1616
- .mds-btn-background-ghost.mds-btn-danger {
1617
- color: #EE3333;
1618
- background-color: transparent;
1619
- border-color: #EE3333;
1620
- }
1621
- .mds-btn-background-ghost.mds-btn-danger > a:only-child {
1622
- color: currentColor;
1623
- }
1624
- .mds-btn-background-ghost.mds-btn-danger > a:only-child:after {
1625
- content: '';
1626
- position: absolute;
1627
- top: 0;
1628
- left: 0;
1629
- bottom: 0;
1630
- right: 0;
1631
- background: transparent;
1632
- }
1633
- .mds-btn-background-ghost.mds-btn-danger:hover,
1634
- .mds-btn-background-ghost.mds-btn-danger:focus {
1635
- color: #f26464;
1636
- background-color: transparent;
1637
- border-color: #f26464;
1638
- }
1639
- .mds-btn-background-ghost.mds-btn-danger:hover > a:only-child,
1640
- .mds-btn-background-ghost.mds-btn-danger:focus > a:only-child {
1641
- color: currentColor;
1642
- }
1643
- .mds-btn-background-ghost.mds-btn-danger:hover > a:only-child:after,
1644
- .mds-btn-background-ghost.mds-btn-danger:focus > a:only-child:after {
1645
- content: '';
1646
- position: absolute;
1647
- top: 0;
1648
- left: 0;
1649
- bottom: 0;
1650
- right: 0;
1651
- background: transparent;
1652
- }
1653
- .mds-btn-background-ghost.mds-btn-danger:active,
1654
- .mds-btn-background-ghost.mds-btn-danger.active {
1655
- color: #d52936;
1656
- background-color: transparent;
1657
- border-color: #d52936;
1658
- }
1659
- .mds-btn-background-ghost.mds-btn-danger:active > a:only-child,
1660
- .mds-btn-background-ghost.mds-btn-danger.active > a:only-child {
1661
- color: currentColor;
1662
- }
1663
- .mds-btn-background-ghost.mds-btn-danger:active > a:only-child:after,
1664
- .mds-btn-background-ghost.mds-btn-danger.active > a:only-child:after {
1665
- content: '';
1666
- position: absolute;
1667
- top: 0;
1668
- left: 0;
1669
- bottom: 0;
1670
- right: 0;
1671
- background: transparent;
1672
- }
1673
- .mds-btn-background-ghost.mds-btn-danger.disabled,
1674
- .mds-btn-background-ghost.mds-btn-danger[disabled],
1675
- .mds-btn-background-ghost.mds-btn-danger.disabled:hover,
1676
- .mds-btn-background-ghost.mds-btn-danger[disabled]:hover,
1677
- .mds-btn-background-ghost.mds-btn-danger.disabled:focus,
1678
- .mds-btn-background-ghost.mds-btn-danger[disabled]:focus,
1679
- .mds-btn-background-ghost.mds-btn-danger.disabled:active,
1680
- .mds-btn-background-ghost.mds-btn-danger[disabled]:active,
1681
- .mds-btn-background-ghost.mds-btn-danger.disabled.active,
1682
- .mds-btn-background-ghost.mds-btn-danger[disabled].active {
1683
- color: rgba(0, 0, 0, 0.2);
1684
- background-color: #f7f7f7;
1685
- border-color: #d9d9d9;
1686
- }
1687
- .mds-btn-background-ghost.mds-btn-danger.disabled > a:only-child,
1688
- .mds-btn-background-ghost.mds-btn-danger[disabled] > a:only-child,
1689
- .mds-btn-background-ghost.mds-btn-danger.disabled:hover > a:only-child,
1690
- .mds-btn-background-ghost.mds-btn-danger[disabled]:hover > a:only-child,
1691
- .mds-btn-background-ghost.mds-btn-danger.disabled:focus > a:only-child,
1692
- .mds-btn-background-ghost.mds-btn-danger[disabled]:focus > a:only-child,
1693
- .mds-btn-background-ghost.mds-btn-danger.disabled:active > a:only-child,
1694
- .mds-btn-background-ghost.mds-btn-danger[disabled]:active > a:only-child,
1695
- .mds-btn-background-ghost.mds-btn-danger.disabled.active > a:only-child,
1696
- .mds-btn-background-ghost.mds-btn-danger[disabled].active > a:only-child {
1697
- color: currentColor;
1698
- }
1699
- .mds-btn-background-ghost.mds-btn-danger.disabled > a:only-child:after,
1700
- .mds-btn-background-ghost.mds-btn-danger[disabled] > a:only-child:after,
1701
- .mds-btn-background-ghost.mds-btn-danger.disabled:hover > a:only-child:after,
1702
- .mds-btn-background-ghost.mds-btn-danger[disabled]:hover > a:only-child:after,
1703
- .mds-btn-background-ghost.mds-btn-danger.disabled:focus > a:only-child:after,
1704
- .mds-btn-background-ghost.mds-btn-danger[disabled]:focus > a:only-child:after,
1705
- .mds-btn-background-ghost.mds-btn-danger.disabled:active > a:only-child:after,
1706
- .mds-btn-background-ghost.mds-btn-danger[disabled]:active > a:only-child:after,
1707
- .mds-btn-background-ghost.mds-btn-danger.disabled.active > a:only-child:after,
1708
- .mds-btn-background-ghost.mds-btn-danger[disabled].active > a:only-child:after {
1709
- content: '';
1710
- position: absolute;
1711
- top: 0;
1712
- left: 0;
1713
- bottom: 0;
1714
- right: 0;
1715
- background: transparent;
1716
- }
1717
- .mds-btn-background-ghost.mds-btn-normal {
1718
- color: #0364ff;
1719
- background-color: transparent;
1720
- border-color: #0364ff;
1721
- }
1722
- .mds-btn-background-ghost.mds-btn-normal > a:only-child {
1723
- color: currentColor;
1724
- }
1725
- .mds-btn-background-ghost.mds-btn-normal > a:only-child:after {
1726
- content: '';
1727
- position: absolute;
1728
- top: 0;
1729
- left: 0;
1730
- bottom: 0;
1731
- right: 0;
1732
- background: transparent;
1733
- }
1734
- .mds-btn-background-ghost.mds-btn-normal:hover,
1735
- .mds-btn-background-ghost.mds-btn-normal:focus {
1736
- color: #3f89ff;
1737
- background-color: transparent;
1738
- border-color: #3f89ff;
1739
- }
1740
- .mds-btn-background-ghost.mds-btn-normal:hover > a:only-child,
1741
- .mds-btn-background-ghost.mds-btn-normal:focus > a:only-child {
1742
- color: currentColor;
1743
- }
1744
- .mds-btn-background-ghost.mds-btn-normal:hover > a:only-child:after,
1745
- .mds-btn-background-ghost.mds-btn-normal:focus > a:only-child:after {
1746
- content: '';
1747
- position: absolute;
1748
- top: 0;
1749
- left: 0;
1750
- bottom: 0;
1751
- right: 0;
1752
- background: transparent;
1753
- }
1754
- .mds-btn-background-ghost.mds-btn-normal:active,
1755
- .mds-btn-background-ghost.mds-btn-normal.active {
1756
- color: #0252dd;
1757
- background-color: transparent;
1758
- border-color: #0252dd;
1759
- }
1760
- .mds-btn-background-ghost.mds-btn-normal:active > a:only-child,
1761
- .mds-btn-background-ghost.mds-btn-normal.active > a:only-child {
1762
- color: currentColor;
1763
- }
1764
- .mds-btn-background-ghost.mds-btn-normal:active > a:only-child:after,
1765
- .mds-btn-background-ghost.mds-btn-normal.active > a:only-child:after {
1766
- content: '';
1767
- position: absolute;
1768
- top: 0;
1769
- left: 0;
1770
- bottom: 0;
1771
- right: 0;
1772
- background: transparent;
1773
- }
1774
- .mds-btn-background-ghost.mds-btn-normal.disabled,
1775
- .mds-btn-background-ghost.mds-btn-normal[disabled],
1776
- .mds-btn-background-ghost.mds-btn-normal.disabled:hover,
1777
- .mds-btn-background-ghost.mds-btn-normal[disabled]:hover,
1778
- .mds-btn-background-ghost.mds-btn-normal.disabled:focus,
1779
- .mds-btn-background-ghost.mds-btn-normal[disabled]:focus,
1780
- .mds-btn-background-ghost.mds-btn-normal.disabled:active,
1781
- .mds-btn-background-ghost.mds-btn-normal[disabled]:active,
1782
- .mds-btn-background-ghost.mds-btn-normal.disabled.active,
1783
- .mds-btn-background-ghost.mds-btn-normal[disabled].active {
1784
- color: rgba(0, 0, 0, 0.2);
1785
- background-color: #f7f7f7;
1786
- border-color: #d9d9d9;
1787
- }
1788
- .mds-btn-background-ghost.mds-btn-normal.disabled > a:only-child,
1789
- .mds-btn-background-ghost.mds-btn-normal[disabled] > a:only-child,
1790
- .mds-btn-background-ghost.mds-btn-normal.disabled:hover > a:only-child,
1791
- .mds-btn-background-ghost.mds-btn-normal[disabled]:hover > a:only-child,
1792
- .mds-btn-background-ghost.mds-btn-normal.disabled:focus > a:only-child,
1793
- .mds-btn-background-ghost.mds-btn-normal[disabled]:focus > a:only-child,
1794
- .mds-btn-background-ghost.mds-btn-normal.disabled:active > a:only-child,
1795
- .mds-btn-background-ghost.mds-btn-normal[disabled]:active > a:only-child,
1796
- .mds-btn-background-ghost.mds-btn-normal.disabled.active > a:only-child,
1797
- .mds-btn-background-ghost.mds-btn-normal[disabled].active > a:only-child {
1798
- color: currentColor;
1799
- }
1800
- .mds-btn-background-ghost.mds-btn-normal.disabled > a:only-child:after,
1801
- .mds-btn-background-ghost.mds-btn-normal[disabled] > a:only-child:after,
1802
- .mds-btn-background-ghost.mds-btn-normal.disabled:hover > a:only-child:after,
1803
- .mds-btn-background-ghost.mds-btn-normal[disabled]:hover > a:only-child:after,
1804
- .mds-btn-background-ghost.mds-btn-normal.disabled:focus > a:only-child:after,
1805
- .mds-btn-background-ghost.mds-btn-normal[disabled]:focus > a:only-child:after,
1806
- .mds-btn-background-ghost.mds-btn-normal.disabled:active > a:only-child:after,
1807
- .mds-btn-background-ghost.mds-btn-normal[disabled]:active > a:only-child:after,
1808
- .mds-btn-background-ghost.mds-btn-normal.disabled.active > a:only-child:after,
1809
- .mds-btn-background-ghost.mds-btn-normal[disabled].active > a:only-child:after {
1810
- content: '';
1811
- position: absolute;
1812
- top: 0;
1813
- left: 0;
1814
- bottom: 0;
1815
- right: 0;
1816
- background: transparent;
1817
- }
1818
- .mds-btn-background-ghost.mds-btn-correct {
1819
- color: #00AA00;
1820
- background-color: transparent;
1821
- border-color: #00AA00;
1822
- }
1823
- .mds-btn-background-ghost.mds-btn-correct > a:only-child {
1824
- color: currentColor;
1825
- }
1826
- .mds-btn-background-ghost.mds-btn-correct > a:only-child:after {
1827
- content: '';
1828
- position: absolute;
1829
- top: 0;
1830
- left: 0;
1831
- bottom: 0;
1832
- right: 0;
1833
- background: transparent;
1834
- }
1835
- .mds-btn-background-ghost.mds-btn-correct:hover,
1836
- .mds-btn-background-ghost.mds-btn-correct:focus {
1837
- color: #3dbe3d;
1838
- background-color: transparent;
1839
- border-color: #3dbe3d;
1840
- }
1841
- .mds-btn-background-ghost.mds-btn-correct:hover > a:only-child,
1842
- .mds-btn-background-ghost.mds-btn-correct:focus > a:only-child {
1843
- color: currentColor;
1844
- }
1845
- .mds-btn-background-ghost.mds-btn-correct:hover > a:only-child:after,
1846
- .mds-btn-background-ghost.mds-btn-correct:focus > a:only-child:after {
1847
- content: '';
1848
- position: absolute;
1849
- top: 0;
1850
- left: 0;
1851
- bottom: 0;
1852
- right: 0;
1853
- background: transparent;
1854
- }
1855
- .mds-btn-background-ghost.mds-btn-correct:active,
1856
- .mds-btn-background-ghost.mds-btn-correct.active {
1857
- color: #009303;
1858
- background-color: transparent;
1859
- border-color: #009303;
1860
- }
1861
- .mds-btn-background-ghost.mds-btn-correct:active > a:only-child,
1862
- .mds-btn-background-ghost.mds-btn-correct.active > a:only-child {
1863
- color: currentColor;
1864
- }
1865
- .mds-btn-background-ghost.mds-btn-correct:active > a:only-child:after,
1866
- .mds-btn-background-ghost.mds-btn-correct.active > a:only-child:after {
1867
- content: '';
1868
- position: absolute;
1869
- top: 0;
1870
- left: 0;
1871
- bottom: 0;
1872
- right: 0;
1873
- background: transparent;
1874
- }
1875
- .mds-btn-background-ghost.mds-btn-correct.disabled,
1876
- .mds-btn-background-ghost.mds-btn-correct[disabled],
1877
- .mds-btn-background-ghost.mds-btn-correct.disabled:hover,
1878
- .mds-btn-background-ghost.mds-btn-correct[disabled]:hover,
1879
- .mds-btn-background-ghost.mds-btn-correct.disabled:focus,
1880
- .mds-btn-background-ghost.mds-btn-correct[disabled]:focus,
1881
- .mds-btn-background-ghost.mds-btn-correct.disabled:active,
1882
- .mds-btn-background-ghost.mds-btn-correct[disabled]:active,
1883
- .mds-btn-background-ghost.mds-btn-correct.disabled.active,
1884
- .mds-btn-background-ghost.mds-btn-correct[disabled].active {
1885
- color: rgba(0, 0, 0, 0.2);
1886
- background-color: #f7f7f7;
1887
- border-color: #d9d9d9;
1888
- }
1889
- .mds-btn-background-ghost.mds-btn-correct.disabled > a:only-child,
1890
- .mds-btn-background-ghost.mds-btn-correct[disabled] > a:only-child,
1891
- .mds-btn-background-ghost.mds-btn-correct.disabled:hover > a:only-child,
1892
- .mds-btn-background-ghost.mds-btn-correct[disabled]:hover > a:only-child,
1893
- .mds-btn-background-ghost.mds-btn-correct.disabled:focus > a:only-child,
1894
- .mds-btn-background-ghost.mds-btn-correct[disabled]:focus > a:only-child,
1895
- .mds-btn-background-ghost.mds-btn-correct.disabled:active > a:only-child,
1896
- .mds-btn-background-ghost.mds-btn-correct[disabled]:active > a:only-child,
1897
- .mds-btn-background-ghost.mds-btn-correct.disabled.active > a:only-child,
1898
- .mds-btn-background-ghost.mds-btn-correct[disabled].active > a:only-child {
1899
- color: currentColor;
1900
- }
1901
- .mds-btn-background-ghost.mds-btn-correct.disabled > a:only-child:after,
1902
- .mds-btn-background-ghost.mds-btn-correct[disabled] > a:only-child:after,
1903
- .mds-btn-background-ghost.mds-btn-correct.disabled:hover > a:only-child:after,
1904
- .mds-btn-background-ghost.mds-btn-correct[disabled]:hover > a:only-child:after,
1905
- .mds-btn-background-ghost.mds-btn-correct.disabled:focus > a:only-child:after,
1906
- .mds-btn-background-ghost.mds-btn-correct[disabled]:focus > a:only-child:after,
1907
- .mds-btn-background-ghost.mds-btn-correct.disabled:active > a:only-child:after,
1908
- .mds-btn-background-ghost.mds-btn-correct[disabled]:active > a:only-child:after,
1909
- .mds-btn-background-ghost.mds-btn-correct.disabled.active > a:only-child:after,
1910
- .mds-btn-background-ghost.mds-btn-correct[disabled].active > a:only-child:after {
1911
- content: '';
1912
- position: absolute;
1913
- top: 0;
1914
- left: 0;
1915
- bottom: 0;
1916
- right: 0;
1917
- background: transparent;
1918
- }
1919
- .mds-btn-background-ghost.mds-btn-warning {
1920
- color: #ffcc01;
1921
- background-color: transparent;
1922
- border-color: #ffcc01;
1923
- }
1924
- .mds-btn-background-ghost.mds-btn-warning > a:only-child {
1925
- color: currentColor;
1926
- }
1927
- .mds-btn-background-ghost.mds-btn-warning > a:only-child:after {
1928
- content: '';
1929
- position: absolute;
1930
- top: 0;
1931
- left: 0;
1932
- bottom: 0;
1933
- right: 0;
1934
- background: transparent;
1935
- }
1936
- .mds-btn-background-ghost.mds-btn-warning:hover,
1937
- .mds-btn-background-ghost.mds-btn-warning:focus {
1938
- color: #ffd83e;
1939
- background-color: transparent;
1940
- border-color: #ffd83e;
1941
- }
1942
- .mds-btn-background-ghost.mds-btn-warning:hover > a:only-child,
1943
- .mds-btn-background-ghost.mds-btn-warning:focus > a:only-child {
1944
- color: currentColor;
1945
- }
1946
- .mds-btn-background-ghost.mds-btn-warning:hover > a:only-child:after,
1947
- .mds-btn-background-ghost.mds-btn-warning:focus > a:only-child:after {
1948
- content: '';
1949
- position: absolute;
1950
- top: 0;
1951
- left: 0;
1952
- bottom: 0;
1953
- right: 0;
1954
- background: transparent;
1955
- }
1956
- .mds-btn-background-ghost.mds-btn-warning:active,
1957
- .mds-btn-background-ghost.mds-btn-warning.active {
1958
- color: #e0a601;
1959
- background-color: transparent;
1960
- border-color: #e0a601;
1961
- }
1962
- .mds-btn-background-ghost.mds-btn-warning:active > a:only-child,
1963
- .mds-btn-background-ghost.mds-btn-warning.active > a:only-child {
1964
- color: currentColor;
1965
- }
1966
- .mds-btn-background-ghost.mds-btn-warning:active > a:only-child:after,
1967
- .mds-btn-background-ghost.mds-btn-warning.active > a:only-child:after {
1968
- content: '';
1969
- position: absolute;
1970
- top: 0;
1971
- left: 0;
1972
- bottom: 0;
1973
- right: 0;
1974
- background: transparent;
1975
- }
1976
- .mds-btn-background-ghost.mds-btn-warning.disabled,
1977
- .mds-btn-background-ghost.mds-btn-warning[disabled],
1978
- .mds-btn-background-ghost.mds-btn-warning.disabled:hover,
1979
- .mds-btn-background-ghost.mds-btn-warning[disabled]:hover,
1980
- .mds-btn-background-ghost.mds-btn-warning.disabled:focus,
1981
- .mds-btn-background-ghost.mds-btn-warning[disabled]:focus,
1982
- .mds-btn-background-ghost.mds-btn-warning.disabled:active,
1983
- .mds-btn-background-ghost.mds-btn-warning[disabled]:active,
1984
- .mds-btn-background-ghost.mds-btn-warning.disabled.active,
1985
- .mds-btn-background-ghost.mds-btn-warning[disabled].active {
1986
- color: rgba(0, 0, 0, 0.2);
1987
- background-color: #f7f7f7;
1988
- border-color: #d9d9d9;
1989
- }
1990
- .mds-btn-background-ghost.mds-btn-warning.disabled > a:only-child,
1991
- .mds-btn-background-ghost.mds-btn-warning[disabled] > a:only-child,
1992
- .mds-btn-background-ghost.mds-btn-warning.disabled:hover > a:only-child,
1993
- .mds-btn-background-ghost.mds-btn-warning[disabled]:hover > a:only-child,
1994
- .mds-btn-background-ghost.mds-btn-warning.disabled:focus > a:only-child,
1995
- .mds-btn-background-ghost.mds-btn-warning[disabled]:focus > a:only-child,
1996
- .mds-btn-background-ghost.mds-btn-warning.disabled:active > a:only-child,
1997
- .mds-btn-background-ghost.mds-btn-warning[disabled]:active > a:only-child,
1998
- .mds-btn-background-ghost.mds-btn-warning.disabled.active > a:only-child,
1999
- .mds-btn-background-ghost.mds-btn-warning[disabled].active > a:only-child {
2000
- color: currentColor;
2001
- }
2002
- .mds-btn-background-ghost.mds-btn-warning.disabled > a:only-child:after,
2003
- .mds-btn-background-ghost.mds-btn-warning[disabled] > a:only-child:after,
2004
- .mds-btn-background-ghost.mds-btn-warning.disabled:hover > a:only-child:after,
2005
- .mds-btn-background-ghost.mds-btn-warning[disabled]:hover > a:only-child:after,
2006
- .mds-btn-background-ghost.mds-btn-warning.disabled:focus > a:only-child:after,
2007
- .mds-btn-background-ghost.mds-btn-warning[disabled]:focus > a:only-child:after,
2008
- .mds-btn-background-ghost.mds-btn-warning.disabled:active > a:only-child:after,
2009
- .mds-btn-background-ghost.mds-btn-warning[disabled]:active > a:only-child:after,
2010
- .mds-btn-background-ghost.mds-btn-warning.disabled.active > a:only-child:after,
2011
- .mds-btn-background-ghost.mds-btn-warning[disabled].active > a:only-child:after {
2012
- content: '';
2013
- position: absolute;
2014
- top: 0;
2015
- left: 0;
2016
- bottom: 0;
2017
- right: 0;
2018
- background: transparent;
2019
- }
2020
- .mds-btn-background-ghost.mds-btn-info {
2021
- color: #29adff;
2022
- background-color: transparent;
2023
- border-color: #29adff;
2024
- }
2025
- .mds-btn-background-ghost.mds-btn-info > a:only-child {
2026
- color: currentColor;
2027
- }
2028
- .mds-btn-background-ghost.mds-btn-info > a:only-child:after {
2029
- content: '';
2030
- position: absolute;
2031
- top: 0;
2032
- left: 0;
2033
- bottom: 0;
2034
- right: 0;
2035
- background: transparent;
2036
- }
2037
- .mds-btn-background-ghost.mds-btn-info:hover,
2038
- .mds-btn-background-ghost.mds-btn-info:focus {
2039
- color: #5cc1ff;
2040
- background-color: transparent;
2041
- border-color: #5cc1ff;
2042
- }
2043
- .mds-btn-background-ghost.mds-btn-info:hover > a:only-child,
2044
- .mds-btn-background-ghost.mds-btn-info:focus > a:only-child {
2045
- color: currentColor;
2046
- }
2047
- .mds-btn-background-ghost.mds-btn-info:hover > a:only-child:after,
2048
- .mds-btn-background-ghost.mds-btn-info:focus > a:only-child:after {
2049
- content: '';
2050
- position: absolute;
2051
- top: 0;
2052
- left: 0;
2053
- bottom: 0;
2054
- right: 0;
2055
- background: transparent;
2056
- }
2057
- .mds-btn-background-ghost.mds-btn-info:active,
2058
- .mds-btn-background-ghost.mds-btn-info.active {
2059
- color: #1f92e1;
2060
- background-color: transparent;
2061
- border-color: #1f92e1;
2062
- }
2063
- .mds-btn-background-ghost.mds-btn-info:active > a:only-child,
2064
- .mds-btn-background-ghost.mds-btn-info.active > a:only-child {
2065
- color: currentColor;
2066
- }
2067
- .mds-btn-background-ghost.mds-btn-info:active > a:only-child:after,
2068
- .mds-btn-background-ghost.mds-btn-info.active > a:only-child:after {
2069
- content: '';
2070
- position: absolute;
2071
- top: 0;
2072
- left: 0;
2073
- bottom: 0;
2074
- right: 0;
2075
- background: transparent;
2076
- }
2077
- .mds-btn-background-ghost.mds-btn-info.disabled,
2078
- .mds-btn-background-ghost.mds-btn-info[disabled],
2079
- .mds-btn-background-ghost.mds-btn-info.disabled:hover,
2080
- .mds-btn-background-ghost.mds-btn-info[disabled]:hover,
2081
- .mds-btn-background-ghost.mds-btn-info.disabled:focus,
2082
- .mds-btn-background-ghost.mds-btn-info[disabled]:focus,
2083
- .mds-btn-background-ghost.mds-btn-info.disabled:active,
2084
- .mds-btn-background-ghost.mds-btn-info[disabled]:active,
2085
- .mds-btn-background-ghost.mds-btn-info.disabled.active,
2086
- .mds-btn-background-ghost.mds-btn-info[disabled].active {
2087
- color: rgba(0, 0, 0, 0.2);
2088
- background-color: #f7f7f7;
2089
- border-color: #d9d9d9;
2090
- }
2091
- .mds-btn-background-ghost.mds-btn-info.disabled > a:only-child,
2092
- .mds-btn-background-ghost.mds-btn-info[disabled] > a:only-child,
2093
- .mds-btn-background-ghost.mds-btn-info.disabled:hover > a:only-child,
2094
- .mds-btn-background-ghost.mds-btn-info[disabled]:hover > a:only-child,
2095
- .mds-btn-background-ghost.mds-btn-info.disabled:focus > a:only-child,
2096
- .mds-btn-background-ghost.mds-btn-info[disabled]:focus > a:only-child,
2097
- .mds-btn-background-ghost.mds-btn-info.disabled:active > a:only-child,
2098
- .mds-btn-background-ghost.mds-btn-info[disabled]:active > a:only-child,
2099
- .mds-btn-background-ghost.mds-btn-info.disabled.active > a:only-child,
2100
- .mds-btn-background-ghost.mds-btn-info[disabled].active > a:only-child {
2101
- color: currentColor;
2102
- }
2103
- .mds-btn-background-ghost.mds-btn-info.disabled > a:only-child:after,
2104
- .mds-btn-background-ghost.mds-btn-info[disabled] > a:only-child:after,
2105
- .mds-btn-background-ghost.mds-btn-info.disabled:hover > a:only-child:after,
2106
- .mds-btn-background-ghost.mds-btn-info[disabled]:hover > a:only-child:after,
2107
- .mds-btn-background-ghost.mds-btn-info.disabled:focus > a:only-child:after,
2108
- .mds-btn-background-ghost.mds-btn-info[disabled]:focus > a:only-child:after,
2109
- .mds-btn-background-ghost.mds-btn-info.disabled:active > a:only-child:after,
2110
- .mds-btn-background-ghost.mds-btn-info[disabled]:active > a:only-child:after,
2111
- .mds-btn-background-ghost.mds-btn-info.disabled.active > a:only-child:after,
2112
- .mds-btn-background-ghost.mds-btn-info[disabled].active > a:only-child:after {
2113
- content: '';
2114
- position: absolute;
2115
- top: 0;
2116
- left: 0;
2117
- bottom: 0;
2118
- right: 0;
2119
- background: transparent;
2120
- }
2121
- .mds-btn-block {
2122
- width: 100%;
2123
- }
2124
- .mds-btn-text {
2125
- border: none;
2126
- background-color: inherit !important;
2127
- }
2128
- .mds-btn-a-text {
2129
- color: #0364ff;
2130
- border: none;
2131
- background-color: inherit !important;
2132
- }
2133
- .mds-btn-round {
2134
- border-radius: 18px;
2135
- }
2136
- @keyframes buttonEffect {
2137
- to {
2138
- opacity: 0;
2139
- top: -6px;
2140
- left: -6px;
2141
- bottom: -6px;
2142
- right: -6px;
2143
- border-width: 6px;
2144
- }
2145
- }
2146
- .component-margin {
2147
- margin-top: 10px;
2148
- }
2149
- [id^="components-button-demo"] .mds-btn {
2150
- margin-right: 8px;
2151
- margin-bottom: 12px;
2152
- margin-top: 10px;
2153
- }
2154
- .interval {
2155
- margin-left: 6px !important;
2156
- }
2157
- .disabled-group p {
2158
- margin: 10px;
2159
- }
2160
- .btn-ghost {
2161
- background: #bec8c8;
2162
- padding: 20px;
2163
- }
2164
- .btn-ghost .margin {
2165
- margin-top: 10px;
2166
- }
2167
- .mds-btn-right {
2168
- margin-right: 5px;
2169
- }
2170
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2171
- /* stylelint-disable declaration-bang-space-before */
2172
- /* stylelint-disable declaration-bang-space-before */
2173
- .mds-popover-wrapper {
2174
- display: inline-block;
2175
- }
2176
- .mds-popover {
2177
- text-align: center;
2178
- border-radius: 4px;
2179
- padding: 10px;
2180
- font-size: 12px;
2181
- line-height: 1.5;
2182
- min-width: 150px;
2183
- word-wrap: break-word;
2184
- font-size: 14px;
2185
- background: #ffffff;
2186
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
2187
- }
2188
- .mds-popover .popper__arrow,
2189
- .mds-popover .popper__arrow::after {
2190
- position: absolute;
2191
- display: block;
2192
- width: 0;
2193
- height: 0;
2194
- border-color: transparent;
2195
- border-style: solid;
2196
- }
2197
- .mds-popover .popper__arrow::after {
2198
- content: " ";
2199
- border-width: 6px;
2200
- }
2201
- .mds-popover-hidden {
2202
- display: none;
2203
- }
2204
- .mds-popover-placement-top,
2205
- .mds-popover-placement-top-start,
2206
- .mds-popover-placement-top-end {
2207
- margin-bottom: 18px;
2208
- }
2209
- .mds-popover-placement-right,
2210
- .mds-popover-placement-right-start,
2211
- .mds-popover-placement-right-end {
2212
- margin-left: 9px;
2213
- }
2214
- .mds-popover-placement-bottom,
2215
- .mds-popover-placement-bottom-start,
2216
- .mds-popover-placement-bottom-end {
2217
- margin-top: 18px;
2218
- }
2219
- .mds-popover-placement-left,
2220
- .mds-popover-placement-left-start,
2221
- .mds-popover-placement-left-end {
2222
- margin-right: 9px;
2223
- }
2224
- .mds-popover-placement-top .popper__arrow,
2225
- .mds-popover-placement-top-start .popper__arrow,
2226
- .mds-popover-placement-top-end .popper__arrow {
2227
- bottom: -6px;
2228
- border-width: 6px 6px 0;
2229
- border-top-color: #ebeef5;
2230
- }
2231
- .mds-popover-placement-top .popper__arrow::after,
2232
- .mds-popover-placement-top-start .popper__arrow::after,
2233
- .mds-popover-placement-top-end .popper__arrow::after {
2234
- bottom: 1px;
2235
- border-top-color: #ebeef5;
2236
- border-width: 5px 5px 0;
2237
- margin-left: -5px;
2238
- }
2239
- .mds-popover-placement-top .popper__arrow::after,
2240
- .mds-popover-placement-top-start .popper__arrow::after,
2241
- .mds-popover-placement-top-end .popper__arrow::after {
2242
- border-top-color: #fff;
2243
- }
2244
- .mds-popover-placement-right .popper__arrow,
2245
- .mds-popover-placement-right-start .popper__arrow,
2246
- .mds-popover-placement-right-end .popper__arrow {
2247
- left: -6px;
2248
- border-width: 6px 6px 6px 0;
2249
- border-right-color: #ebeef5;
2250
- }
2251
- .mds-popover-placement-right .popper__arrow::after,
2252
- .mds-popover-placement-right-start .popper__arrow::after,
2253
- .mds-popover-placement-right-end .popper__arrow::after {
2254
- left: 1px;
2255
- border-right-color: #ebeef5;
2256
- border-width: 5px 5px 5px 0;
2257
- bottom: -5px;
2258
- }
2259
- .mds-popover-placement-right .popper__arrow::after,
2260
- .mds-popover-placement-right-start .popper__arrow::after,
2261
- .mds-popover-placement-right-end .popper__arrow::after {
2262
- border-right-color: #fff;
2263
- }
2264
- .mds-popover-placement-left .popper__arrow,
2265
- .mds-popover-placement-left-start .popper__arrow,
2266
- .mds-popover-placement-left-end .popper__arrow {
2267
- right: -6px;
2268
- border-width: 6px 0 6px 6px;
2269
- border-left-color: #ebeef5;
2270
- }
2271
- .mds-popover-placement-left .popper__arrow::after,
2272
- .mds-popover-placement-left-start .popper__arrow::after,
2273
- .mds-popover-placement-left-end .popper__arrow::after {
2274
- right: 1px;
2275
- border-left-color: #ebeef5;
2276
- border-width: 5px 0 5px 5px;
2277
- margin-left: -5px;
2278
- bottom: -5px;
2279
- }
2280
- .mds-popover-placement-left .popper__arrow::after,
2281
- .mds-popover-placement-left-start .popper__arrow::after,
2282
- .mds-popover-placement-left-end .popper__arrow::after {
2283
- border-left-color: #fff;
2284
- }
2285
- .mds-popover-placement-bottom .popper__arrow,
2286
- .mds-popover-placement-bottom-start .popper__arrow,
2287
- .mds-popover-placement-bottom-end .popper__arrow {
2288
- top: -6px;
2289
- border-width: 0 6px 6px;
2290
- border-bottom-color: #ebeef5;
2291
- }
2292
- .mds-popover-placement-bottom .popper__arrow::after,
2293
- .mds-popover-placement-bottom-start .popper__arrow::after,
2294
- .mds-popover-placement-bottom-end .popper__arrow::after {
2295
- top: 1px;
2296
- border-top-color: #ebeef5;
2297
- border-width: 0 5px 5px;
2298
- margin-left: -5px;
2299
- }
2300
- .mds-popover-placement-bottom .popper__arrow::after,
2301
- .mds-popover-placement-bottom-start .popper__arrow::after,
2302
- .mds-popover-placement-bottom-end .popper__arrow::after {
2303
- border-bottom-color: #fff;
2304
- }
2305
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2306
- /* stylelint-disable declaration-bang-space-before */
2307
- /* stylelint-disable declaration-bang-space-before */
2308
4
  .mds-popover-firm {
2309
5
  box-sizing: border-box;
2310
6
  width: 270px;