title: Are nested for loops supported in Slim templates?
body: <p>The following code fails to process from Slim to HTML:</p>
  
  <pre><code>- for container in (1..3)
    .spinner-container.container#{container}
      - for circle in (1..4)
        .circle#{circle}
  </code></pre>
  
  <p>The Grunt task returns the following error.</p>
  
  <pre><code>Warning: Slim::Parser::SyntaxError: Text line not indented deep enough.
  The first text line defines the necessary text indentation.
  Are you trying to nest a child tag in a tag containing text? Use | for the text block!
    (__TEMPLATE__), Line 63, Column 4
      - for circle in (1..4)
      ^
    Use --trace for backtrace. Use --force to continue.
  
  Aborted due to warnings.
  </code></pre>
  
  <p>When I un-nest the for loops the code processes fine:</p>
  
  <pre><code>- for container in (1..3)
    .spinner-container.container#{container}
  - for circle in (1..4)
    .circle#{circle}
  </code></pre>
  
  <p>This works too:</p>
  
  <pre><code>- for container in (1..3)
    .spinner-container.container#{container}
    - for circle in (1..4)
      .circle#{circle}
  </code></pre>
  
  <p>But neither of these nest the html structure the way I need it.</p>
  
  <p>The final output should be:</p>
  
  <pre><code>.spinner-container.container1
    .circle1
    .circle2
    .circle3
    .circle4
  .spinner-container.container2
    .circle1
    .circle2
    .circle3
    .circle4
  .spinner-container.container3
    .circle1
    .circle2
    .circle3
    .circle4
  </code></pre>