title: Sass configuration map with default values
body: <p>I am creating css using SASS and would like to make it possible for another developer to create a custom css by changing sass variables. This works fine when I in my base file use a single variable like this:</p>
  
  <pre><code>$text-color: #000 !default;
  </code></pre>
  
  <p>To test the override I create a new project where I first declare an override for the variable and then import the "base" sass file.</p>
  
  <pre><code>$text-color: #0074b;    
  @import "base-file";
  </code></pre>
  
  <p>But I would also like to use maps for configuration but then I do not get the override to work. How should I use configuration maps that can be overriden?</p>
  
  <pre><code>$colors: (text-color: #000, icon-color: #ccc );
  </code></pre>
  
  <p>Adding !default after #000 gives me a compilation error: <code>expected ")", was "!default,")</code>
  Adding !default after the ) gives no error but the variables does not get overwritten either.</p>
  
  <p>Any ideas on what I am doing wrong?</p>