Variable in class name - pug

Question

I need to create div's with class pixel-1,pixel-2... pixel-n and my question is how to achieve it with pug. I tried this:

- for (var x = 1; x < 13; x++)
      .pixel-x=x

but it's generate css like this:

<div class="pixel-x">1</div>
<div class="pixel-x">2</div>
<div class="pixel-x">3</div>
...

Answer 1

You could do it like this:

- for (var x = 1; x < 13; x++)
  div(class='pixel-' + x)