:doodle { @grid: 32 / var(--size); overflow: hidden; } :container { transform: scale(1.5) rotate(-15deg); } @shape: hexagon; background: @p(#ffffff, #e8e8e8); :hover { background: #ebebeb; } --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));
agon-business-one