:doodle {
@grid: 32 / var(--size);
overflow: hidden;
}
:container {
transform: scale(1.5) rotate(-15deg);
}
@shape: hexagon;
background: @p(#ffffff, #03A9F040);
:hover {
background: #00E0FD;
}
--x: calc((@col() - 1) * -8%);
--y: calc((@row() - 1) * -20%);
--xx: 0;
@row(even) {
--xx: 47%;
}
transform:
translate(var(--x), var(--y))
translateX(var(--xx));