Persisting SCSS variables in rails asset pipeline?

Doesn't seem to be possible. Ended up prepending each file with @import 'includes/all'; and including everything else from includes/all.css.scss.

Simply importing the necessary file from each Scss or Sass file seems to have worked for me. For example, I have a colors.scss file that includes some constants like this:

$black: #222;

I require it in my application.css manifest along with some other files:

/*
 *= require colors
 *= require buttons
*/

In my buttons.css.scss file, I simply do this to avoid the error:

@import "colors";

The default manifest syntax isn't powerful enough to give you useful Sass features like shared variables, mixins, etc. Instead, you should:

1. Rename application.css to application.scss (or application.css.scss in Rails 4 or earlier)

2. Instead of using the

   /*
    *= require variables
    *= require mixins
    *= require_tree .
    */
   

   nonsense, you should now use

   @import "variables";
   @import "mixins";
   @import "blah"; // import each SCSS file in your project like this.
   

   This will ensure you have full benefit of your variables and mixins throughout your project, and you are kept as DRY as Sass allows.