title: Selecting a specific item with value in a sass map
body: <p>I have a sass <code>map</code> which looks like this:</p>
  
  <pre><code>$settings: ("offset": 'margin-left',
      "push": 'left',
      "pull": 'right',
      "center": 'margin-left');
  </code></pre>
  
  <p>Underneath that i have a function that loops from <code>1</code> to a specific variable wich with the value of <code>12</code>.</p>
  
  <pre><code>  @for $index from 1 to 12 {
      @each $type, $property in $settings {
        &amp;.#{$type}-#{$index} {
          @include someFunctionDoesntMatter($property, $index);
        }
      }
    }
  </code></pre>
  
  <p>As you can see, i'm already selecting data from that sass <code>map</code>but not specific ones, i'm just looping all of it.</p>
  
  <p>How can i select the <code>4</code>th item in the map inclusive the value?</p>
  
  <p>I have tried this piece of code under the last bracket of the loop:</p>
  
  <pre><code>  &amp;.#{nth($settings, 4)} {
       ...
    }
  </code></pre>
  
  <p>But that gave me this error:</p>
  
  <pre><code>cmd.exe /D /C C:/Ruby200-x64/bin/scss.bat --no-cache --update main.scss:main.css
        error features\grid\_grid-extensions.scss (Line 19: Invalid CSS after "&amp;.": expected class name, was ""center" "margi...")
  
  Process finished with exit code 1
  </code></pre>