Is it possible to pass environment variables to Ember cli sass during build?

Question

I am using ember-cli-sass

I want to define some sass variables depending on env variable.

my theme1.scss file

@if 'theme1' == process.env.THEME {
  $color-secondary: #eee;
  $color-primary: #ff0;
}

How can i send my env to the broccoli build process

and how can I access the env variables in sass script?

Answer 1

after tracing the code back thru the ember-cli-sass module to the base broccoli-sass code i found that we can pass functions to sass in sassOptions.

var sass = require('node-sass');
var app = new EmberApp({

  sassOptions: {
    functions: {
      variable: function () {
        return new sass.types.String(process.env.VARIABLE);
      }
    }
  }
});

and then we can use it as a method in sassScript

@if variable() == 'foo' {
   ...
}