title: Sass Invalid CSS: expected expression (e.g. 1px, bold), was "{"
body: <p>I have the following Sass, following <a href="http://sass-lang.com/documentation/file.SASS_REFERENCE.html#each-directive" rel="nofollow noreferrer">this example for @each</a>:</p>
  <pre><code>@each $flag in USA, EUR, JPN {
    a.#{$flag} {
      display:inline-block;
      overflow:hidden;
      width:0;
      height:11px;
      padding-left:16px; 
      background:url('http://res.cloudinary.com/mrengy/image/upload/v1470163121/#{$flag}.gif');
    }
  }
  </code></pre>
  <p>It's just an example for an answer to another question. In CodePen, it is giving me an error:</p>
  <blockquote>
  <p>Invalid CSS after &quot;USA, EUR, JPN &quot;: expected expression (e.g. 1px, bold), was &quot;{&quot;</p>
  </blockquote>
  <p><a href="https://codepen.io/mrengy/pen/GqXqgV?editors=1100" rel="nofollow noreferrer">Here's the example on CodePen</a>.</p>
  <p>That error makes no sense. What is the problem here?</p>