undefined variable compiling core.scss

[jamesbirtles]

When compiling core.scss from the core package to use the elevation classes, it complains about an undefined variable $md-fast-out-slow-in-timing-function. It looks to me like core.scss or _elevation.scss should be importing _variables.scss but isn't.

[jelbourn]

Fixed in #293

[shotleybuilder]

Is this error back or is it my compile ...?

Scss compiler error: Undefined variable: "$md-fast-out-slow-in-timing-function".

My main.scss

@import "../../node_modules/@angular2-material/core/style/core.scss";
@import "../../node_modules/@angular2-material/button/button.scss";
@import "../../node_modules/@angular2-material/input/input.scss";
@import "../../node_modules/@angular2-material/checkbox/checkbox.scss";

I've manually patched like this
example checkbox.scss

@import '../core/style/default-theme';
@import '../core/style/theme-functions';
@import '../core/style/variables';
@import '../core/style/mixins';

Because of #887

[shotleybuilder]

Fixed by changing core.scss from

@import 'elevation';
@import 'variables';

to

@import 'variables.scss';
@import 'elevation.scss';

The order matters.

Then complained about the $md-light-theme-background' variable being undefined

Simply added .scss extension to the imports in _default-them.scss.

All now compiles.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}