Create-react-app: Susy and Sass issue ....

[kevinkashou]

So I am trying to include Susy into the create-react-app and I am running into this message stating:

`

node-sass-chokidar --include-path ./src --include-path ./node_modules src/sass/main.scss -o src/
{
"status": 1,
"file": "/Users/kkashou/Sites/Marines Event Manager/emr-react/src/sass/forms/_form-elements.scss",
"line": 10,
"column": 18,
"message": "no mixin named span\n\nBacktrace:\n\tsrc/sass/forms/_form-elements.scss:10",
"formatted": "Error: no mixin named span\n\n Backtrace:\n \tsrc/sass/forms/_form-elements.scss:10\n on line 10 of src/sass/forms/_form-elements.scss\n>> @include span(6 first);\n -----------------^\n"
}
`

This is the command I am running to get the error above:

"build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/sass/main.scss -o src/",

In my main.scss file I have this:

@import 'easing'; @import 'susy/sass/susy', 'css-wipe/index'; // css reset //******** Configs and Helpers ********// @import 'ui/mixins', 'config'; //******** Elements (Atoms) ********// @import 'typography', 'buttonsMap', 'formsMap', 'uiMap'; //******** Library ********// @import 'modulesLib'; //******** Blocks ********// @import 'global', 'layoutsMap', 'modulesMap';

Is there anything I could be missing from that error I am getting? The mixin span is coming from the susy library. Which I have included inside my main.scss file.

Thanks

[mturnwall]

Make sure you aren't using Susy v3. The span mixin is gone, http://oddbird.net/susy/docs/b-api.html

[kevinkashou]

That did the trick! thank you very much ... changed the package.json to "susy": "^2.2.12"