Is the app.scss template wrong?

[cmeans]

Sencha Cmd v3.0.0.230
ExtJS v4.1.1a

The "resources/sass/<theme>/app.scss" seems to be a bit "wrong":

This is the default output:


@import 'compass';
@import 'ext4/default/all';
// Your custom code goes here...


But, if I change it to the below and compile, the "sencha app build" output indicates no change to the .css generated.


@import 'compass';
@import 'ext4/default/all';
// Your custom code goes here...
$base-color: #336ea4;

If however, I change it to this, then it works.


@import 'compass';
// Your custom code goes here...
$base-color: #336ea4;
@import 'ext4/default/all';


Am I doing something wrong, or is the "template" comment just wrong about where to place custom code?

Thanks.

[mitchellsimoens]

I think what we were trying to say is your custom code like your scss files should be imported under there. For variables, yes, they must be defined above.

[cmeans]

OK. For newbies like me...probably would be better to include additional hints etc..