:doodle { @grid: 1x500 / 90vmin 50vmin; overflow: hidden; transform: scale(2); } :container { grid-template-rows: auto; grid-template-columns: repeat(auto-fill, 1vmin); grid-auto-flow: dense; grid-auto-rows: 1vmin; } --span: @rand(6); grid-column-end: span var(--span); grid-row-end: span var(--span); :nth-child(17n) { --span: 9; } :after { font-family: 'Noto Serif JP', "Helvetica Neue", Helvetica; content: '\@hex(@rand(0x2f3c, 0x2f9f))'; font-size: calc(var(--span) * 1vmin); color: @pick(#e3ddee, #ac98cd, #6a4c9c, #463267); }