title: Writing dynamic CSS with Jade
body: <p>I'm trying to write out some dynamic CSS using Jade, like so: </p>
  
  <pre><code>style(type='text/css')
      each item in colors
          .#{item.class} { background-color : #{item.background}; color: #{item.foreground}; }
  </code></pre>
  
  <p>However this gives the following error:</p>
  
  <pre><code>ReferenceError: media='print')
      7|  style(type='text/css')
    &gt; 8|      - for(var item in colors)
      9|          .#{item.class} { background-color : #{item.background}; color: #{item.foreground}; }
      10| block Content
      11|     include scheduleTemplate
  
  item is not defined
  </code></pre>
  
  <p>If I remove the style tag, it renders fine. Is there any way to use iteration within a style block?</p>