Added back rainbow animation to sponsorcount text
This commit is contained in:
parent
4e1120a93f
commit
968f5f09ed
|
@ -12,6 +12,21 @@ summary:has(span.status) {
|
||||||
background-color: #ffaf0377;
|
background-color: #ffaf0377;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.rainbow-text {
|
||||||
|
background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
|
||||||
|
background-size: 2000% 2000%;
|
||||||
|
color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
animation: rainbow 4s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rainbow {
|
||||||
|
0% { background-position:0% 0%; }
|
||||||
|
100% { background-position:57.75% 0%; }
|
||||||
|
}
|
||||||
|
|
||||||
/* Dark theme */
|
/* Dark theme */
|
||||||
@media only screen and (prefers-color-scheme: dark) {
|
@media only screen and (prefers-color-scheme: dark) {
|
||||||
.icon {filter: invert(1);}
|
.icon {filter: invert(1);}
|
||||||
|
|
|
@ -43,21 +43,6 @@ nav img {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.rainbow-text {
|
|
||||||
background-image: repeating-linear-gradient(90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
|
|
||||||
background-size: 2000% 2000%;
|
|
||||||
color: transparent;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
-webkit-text-fill-color: transparent;
|
|
||||||
animation: rainbow 4s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes rainbow {
|
|
||||||
0% { background-position:0% 0%; }
|
|
||||||
100% { background-position:57.75% 0%; }
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a#mobileMenu {
|
nav a#mobileMenu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue