2022-04-13 00:14:21 +00:00
|
|
|
@import url("https://styles.alv.cx/modules/colors/gruvbox.css");
|
2022-04-12 23:49:31 +00:00
|
|
|
|
|
|
|
|
:root {
|
2022-04-13 00:06:33 +00:00
|
|
|
--rainbow-duration: 8s;
|
2022-04-12 23:49:31 +00:00
|
|
|
}
|
|
|
|
|
|
2022-04-13 00:07:24 +00:00
|
|
|
.rainbow { animation: rainbow-animation var(--rainbow-duration) infinite alternate; }
|
2022-04-12 23:49:31 +00:00
|
|
|
|
2022-04-13 00:07:24 +00:00
|
|
|
@keyframes rainbow-animation {
|
2022-04-12 23:49:31 +00:00
|
|
|
0% { color: var(--gruvbox-blue); }
|
|
|
|
|
14.3% { color: var(--gruvbox-aqua); }
|
|
|
|
|
28.6% { color: var(--gruvbox-green); }
|
|
|
|
|
42.9% { color: var(--gruvbox-yellow); }
|
|
|
|
|
57.1% { color: var(--gruvbox-orange); }
|
|
|
|
|
71.4% { color: var(--gruvbox-red); }
|
|
|
|
|
85.7% { color: var(--gruvbox-purple); }
|
|
|
|
|
100% { color: var(--gruvbox-blue); }
|
|
|
|
|
}
|
