title: How do I reverse a loop halfway through?
body: <p>I have this code:</p>
  
  <pre><code>for i in (1..5) 
   div:nth-child({i})::after
    content \'i*i\'
  
  for i in (6..10) 
   div:nth-child({i})::after
    ij = (i - 5)
    content \'(ij*ij)\'
  
  for i in (1..10) 
    div:nth-child({i})
    ij = (i - 5)
    if i &gt;= 6
     height ij * ij px
    else 
     height i * i px
  </code></pre>
  
  <p>Which outputs this:</p>
  
  <p><img src="https://i.stack.imgur.com/8HyL5.png" alt="enter image description here"></p>
  
  <p>But I need it to reverse at 25, so it goes:</p>
  
  <p>1 4 9 16 25 25 16 9 4 1</p>
  
  <p>Not sure how to do it?</p>