 <p>Your code is actually SCSS, not SASS. </p> <p>To make it work as SASS, you need to get rid of curly braces, semi-colons and add some spaces. </p> <p>Here's the corrected code: </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') no-repeat </code></pre> <p><a href="https://codepen.io/vic3685/pen/akaEyo?editors=1100" rel="nofollow">https://codepen.io/vic3685/pen/akaEyo?editors=1100</a></p>