Mesh background

@use: gradient-2d;
@grid: 2x1 / 800px auto _2px;

@cell (1) {
  background: @mesh-gradient(
    #f43 gold #0bf,
    #a0f white at 45% 60% #0c6,
    navy #f0a teal
  );
}

@cell(2) {
  @content: @freeform-gradient(
    red at center left, 
    green at top ritht, 
    gold (10% + 8% * sin(3t)) at 70% 30%, 
    teal at (50% + 40% * cos(t)) bottom
  );
}