title: Creating SCSS themes error
body: <p>I have file themes.scss under /javascript/components/themes.scss</p>
  
  <p>Here is code in it</p>
  
  <pre><code>   $themes: (
    flysmarter:(
      searchFieldBorder:1px solid #0A5AA6,
      searchFieldBackgound:#FFF,
      searchFieldColor: #0A5AA6,
    ),
    flygcity:(
        backgroundColor:#eccc00,
    ),
  
  );
  @mixin themify($themes) {
      @each $theme, $map in $themes {
        .theme-#{$theme} &amp; {
          $theme-map: () !global;
          @each $key, $submap in $map {
            $value: map-get(map-get($themes, $theme), '#{$key}');
            $theme-map: map-merge($theme-map, ($key: $value)) !global;
          }
          @content;
          $theme-map: null !global;
        }
      }
    }
    @function themed($key) {
      @return map-get($theme-map, $key);
    }
  </code></pre>
  
  <p>I need to import it in file that under ../components/searchfield/styles/searchfield.css</p>
  
  <p>I wrote import like this <code>@import url('../component/themes.scss');</code></p>
  
  <p>But when I run webpack I have this error.</p>
  
  <blockquote>
    <p>Module build failed: 
              @include themify($themes) {
                      ^
              No mixin named themify</p>
  </blockquote>
  
  <p>When files in same directory, all okay.
  How I can fix it?</p>