:doodle {
@grid: 1x406 / 800px auto (4/3);
filter: @svg-filter(
region: 4%;
erode: 1;
feComposite { in: SourceGraphic; operator: out }
feBlend { in2: SourceGraphic; mode: multiply; result: paint }
frequency: .8; octave: 3;
feDiffuseLighting {
surfaceScale: 1.8;
diffuseConstant: 1.15;
lighting-color: #f6f4ef;
feDistantLight { elevation: 60 }
}
feBlend { in2: paint; mode: multiply }
frequency: .04; scale: 5;
);
}
clip-path: @tile(
points: 400;
aspect: 4/3;
spread: 80;
gap: 1.3;
density: 1 + 12 * max(0, y - .2)^2 + 2 * x^2
);
--tx: @tile.x;
--ty: @tile.y;
--leaf: $(ty > 54 + @r15);
--dot: $(!leaf && @r1 < .25);
--c: @match(
$leaf, @p(#43a463, #3a9a5a, #57b273, #57b273, #8ccf9c),
$dot, @p(#2b93c2, #2b93c2, #ec7d92, #e03d52),
@p(#bcb8da, #bcb8da, #bcb8da, #f3c623, #f3c623, #f3c623, #8ccf9c)
);
background: radial-gradient(
at @r(100%) @r(100%),
color-mix(in oklab, var(--c), #fff 30%), var(--c) 70%
);
scale: @match($dot, .6, @r(.9, 1.12));