|
1 | 1 | .dialog-header {
|
2 | 2 | background-color: mc('blue', '700');
|
3 |
| - background: radial-gradient(ellipse at top, mc('blue', '500'), mc('blue', '700')), |
4 |
| - radial-gradient(ellipse at bottom, mc('blue', '800'), mc('blue', '700')); |
| 3 | + background-image: radial-gradient(ellipse at top, mc('blue', '500'), mc('blue', '700')), |
| 4 | + radial-gradient(ellipse at bottom, mc('blue', '800'), mc('blue', '700')); |
5 | 5 | height: 60px;
|
6 | 6 | color: #FFF;
|
7 | 7 | display: flex;
|
|
11 | 11 |
|
12 | 12 | &.is-red {
|
13 | 13 | background-color: mc('red', '700');
|
14 |
| - background: radial-gradient(ellipse at top, mc('red', '500'), mc('red', '700')), |
15 |
| - radial-gradient(ellipse at bottom, mc('red', '800'), mc('red', '700')); |
| 14 | + background-image: radial-gradient(ellipse at top, mc('red', '500'), mc('red', '700')), |
| 15 | + radial-gradient(ellipse at bottom, mc('red', '800'), mc('red', '700')); |
16 | 16 | }
|
17 | 17 |
|
18 | 18 | &.is-indigo {
|
19 | 19 | background-color: mc('indigo', '700');
|
20 |
| - background: radial-gradient(ellipse at top, mc('indigo', '500'), mc('indigo', '700')), |
21 |
| - radial-gradient(ellipse at bottom, mc('indigo', '800'), mc('indigo', '700')); |
| 20 | + background-image: radial-gradient(ellipse at top, mc('indigo', '500'), mc('indigo', '700')), |
| 21 | + radial-gradient(ellipse at bottom, mc('indigo', '800'), mc('indigo', '700')); |
22 | 22 | }
|
23 | 23 |
|
24 | 24 | &.is-dark {
|
25 | 25 | background-color: mc('grey', '900');
|
26 |
| - background: radial-gradient(ellipse at top, mc('grey', '800'), mc('grey', '900')), |
27 |
| - radial-gradient(ellipse at bottom, mc('grey', '800'), mc('grey', '900')); |
| 26 | + background-image: radial-gradient(ellipse at top, mc('grey', '800'), mc('grey', '900')), |
| 27 | + radial-gradient(ellipse at bottom, mc('grey', '800'), mc('grey', '900')); |
28 | 28 | }
|
29 | 29 | }
|
0 commit comments