--color-0: black;
--color-1: var(--brand-primary);
--color-2: var(--animation-white);
--delay: calc(@row * @row * 0.002s + @col * @col * 0.004s);
:doodle {
@grid: 50/100em;
}
opacity: calc(1 + (40 - @col) * (1 / 20));
background: var(--color-0);
animation-name: fade;
animation-duration: 16s;
animation-iteration-count: infinite;
animation-timing-function: ease;
animation-delay: var(--delay);
@keyframes fade {
20% {
background: var(--color-1);
}
40% {
background: var(--color-2);
}
}