title: Produce nested selectors using SCSS loop?
body: <p>Can I use a loop (or recursion) in SCSS to produce something like this?</p>
  
  <pre><code>div {margin-top: 1px}
  div &gt; div {margin-top: 2px}
  div &gt; div &gt; div {margin-top: 3px}
  div &gt; div &gt; div &gt; div {margin-top: 4px}
  </code></pre>