title: indent each nth element by base px * nth
body: <p>Lets say I have n divs.</p>
  
  <pre><code>&lt;div class="indent"&gt;1&lt;/div&gt;
  &lt;div class="indent"&gt;2&lt;/div&gt;
  &lt;div class="indent"&gt;n&lt;/div&gt;
  </code></pre>
  
  <p>I want to indent the first one 10px, the second one by 10px more and so on.. How can this be done with css3 (or less)?</p>
  
  <pre><code>.indent {
      padding-left: 10px;
  }
  
  .indent :nth-of-type(2) {
      padding-left: 20px;
  }
  
  .indent :nth-of-type(3) {
      padding-left: 30px;
  }
  </code></pre>
  
  <p>I'd like to make the above code into a 1  or two liner..</p>