Addon has
// app/styles/my-addon.scss within addon
@import 'pods';
.testing123 .my-addon {
color: white
}
// app/styles/pods.scss within addon
// @import 'some components go here';
.testing123 .pods {
color: black
}
This works in the addon's dummy app. However when I build it into a real app:
// app/styles/app.scss
@import 'my-addon';
Now my app css contains
.testing123 .my-addon {
color: white
}
// expect to see .texting123 .pods _but don't_
ember-cli-sass ^7.2.0 and ember-cli-sass-pods ^1.3.0 are both in addon's dependencies.
What am I doing wrong?
Edit 29th August 2018
Removed ember-cli-sass-pods and replaced with ember-component-css. Moved all sass into from app/... to addon/... and now everything is working (but of course I lose the ability to change sass variables in the app). But at least I can release.
devDependency
in package.json? Try making it adependency
instead. – handlebears