title: sass @each weird behaviour
body: <p>I have a weird problem. I have an <code>scss</code> object with some variables lets say:</p>
  
  <pre><code>$object = 'something' 'something2 'something3
  </code></pre>
  
  <p>Then I make a <code>loop</code>:</p>
  
  <pre><code>@each $some in $object { &amp;.#{$some} {
          background-image: url('./../../../../assets/images/path/to/image/#{$some}/grey.svg');
          &amp;:before {
            content: '#{$some}';
          } }
  </code></pre>
  
  <p>All the images I get by background images are the last image so they are from folder <code>something3</code> but <code>before</code> content gives me good result so for first <code>something1</code>, second <code>something2</code> etc. What is going one in here?</p>