Attribute

experimental

Raise the grid limit from 64 to 256 per axis.

Syntax

  • <css-doodle experimental></css-doodle>

The attribute takes no value. A 256x256 grid is 65536 cells, each with its own element and styles. Rendering and updates get slow long before that, so keep this for cases where a pixel-like grid is the point. For dense imagery consider @pattern or @shaders instead.

Examples

<css-doodle experimental>
  @grid: 100 / 60vmin;
  background: hsl(@rn(0, 360, 2), 70%, 60%);
</css-doodle>
@grid: 100 / 60vmin; background: hsl(@rn(0, 360, 2), 70%, 60%);

See also