Update pride to use filter instead of colour, save on repaints #212
|
@ -7618,25 +7618,10 @@ ul {
|
|||
}
|
||||
|
||||
@keyframes lgbt {
|
||||
10% { color: red; }
|
||||
20% { color: orange; }
|
||||
30% { color: yellow; }
|
||||
40% { color: green; }
|
||||
50% { color: cyan; }
|
||||
70% { color: blue; }
|
||||
80% { color: indigo; }
|
||||
90% { color: violet; }
|
||||
}
|
||||
|
||||
@keyframes lgbt-patron {
|
||||
10% { background-color: red; }
|
||||
20% { background-color: orange; }
|
||||
30% { background-color: yellow; }
|
||||
40% { background-color: green; }
|
||||
50% { background-color: cyan; }
|
||||
70% { background-color: blue; }
|
||||
80% { background-color: indigo; }
|
||||
90% { background-color: violet; }
|
||||
10% { color: red; background-color: red; }
|
||||
10% { filter: hue-rotate(0deg); }
|
||||
90% { filter: hue-rotate(360deg); }
|
||||
90% { color: unset; background-color: unset; }
|
||||
}
|
||||
|
||||
.zozbot, :not(td) > a[href="/h/countryclub"], [pride_username] {
|
||||
|
@ -7644,7 +7629,7 @@ ul {
|
|||
}
|
||||
|
||||
[pride_username].patron {
|
||||
animation: lgbt-patron 8s linear infinite;
|
||||
animation: lgbt 8s linear infinite;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) or (min-width: 992px) {
|
||||
|
|
Loading…
Reference in New Issue