Merge pull request #10082 from 370417/colorize-logo
Colorize the logo spinner to match the old spinnerpull/10075/merge
commit
a9283981ac
|
@ -32,6 +32,22 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes spinner-color {
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
stroke: #42a5f5;
|
||||||
|
}
|
||||||
|
25% {
|
||||||
|
stroke: #f44336;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
stroke: #fdd835;
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
stroke: #4caf50;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
width: 70px;
|
width: 70px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
|
@ -47,6 +63,10 @@
|
||||||
animation: mask3 2s cubic-bezier(0, 0, 0.431, 1) infinite;
|
animation: mask3 2s cubic-bezier(0, 0, 0.431, 1) infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
g {
|
||||||
|
animation: spinner-color 8s steps(1) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
.white & path {
|
.white & path {
|
||||||
stroke: #fff;
|
stroke: #fff;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue