Circles

@grid: 1 / 480px / #0000f4;

--s: 1, 2, 4;
--d: 13;

background: @doodle(
  @grid: row @p(--d)x1;
  flex:  $(2^(2 - @abs.dx));
  
  background: @doodle(
    @grid: col 1x@p(--d);
  	flex: $(2^(2 - @abs.dy));
    
	  background: @svg(
      viewBox: -1 -1 2 2;
			circle { r: .8; fill: #fff }
    );
    
    background-position: 50% 50%;
    background-repeat: round;
  );
);