title: Can you import sass variables from an externally hosted (cdn) sass file and use it in your project?
body: <p>I have a cdn hosted .scss file that contains a sass variable that I need to access from my code.  The hosted file basically looks like this:</p>
  
  <p><a href="http://hostedsite/styles.scss" rel="nofollow noreferrer">http://hostedsite/styles.scss</a>  </p>
  
  <pre><code>$styles: (
    $icons: (
      'heart': '\ea01',
      'star': '\ea02',
      'cloud': '\ea03'
    )
  )
  </code></pre>
  
  <p>And in my project I'd love to be able to do something like this:</p>
  
  <pre><code>@import url("http://hostedsite/icon.scss");
  
  @each $icon, $value in map-get($styles, 'icons') {
    .#{$icon} {
      &amp;::before {
        content: $value;
      }
    }
  }
  </code></pre>
  
  <p>Is it possible to do this? I keep getting errors that $styles is undefined.  I'm using gulp-sass if that matters at all.</p>