title: SASS loop within a loop variable
body: <p>I'm trying to loop with a loop, the first loop is a list and the second is a sass map. The items in the list represent sass maps. The issue is, in the second loop, an error is thrown if I simply add $ in front of #{$event_type}. Should I be approaching this differently?</p>
  
  <p>The list:</p>
  
  <pre><code>$event_list: 'summit', 'awards', 'awards-europe', 'other';
  </code></pre>
  
  <p>Example map:</p>
  
  <pre><code> $awards: (
     content-marketing: #F47521,
     digiday: #FFDD00,
     publishing: #89C63F,
     signal: #33AADB,
     video: $pink
   );
  </code></pre>
  
  <p>Broken Loop:</p>
  
  <pre><code> @each $event_type in $event_list {
  
      @each $event, $color in #{$event_type} {
  
          &amp;.#{$event_type}-#{$event} {
  
              section h2, h3 {
                  color: #{$color};
                  border-color: #{$color};
              }
  
              // More CSS
          }
      }
   }
  </code></pre>