How to use myth to preprocess vendor css

[patrickberkeley]

Can you provide and example of how to run vendor css files through myth with this addon please?

For example if I install https://github.com/suitcss/suit with bower I have a bunch of css files that need to be run through a preprocessor that handles css variables, math, etc.

"bower_components/suit-base/lib/base.css";
"bower_components/suit-components-arrange/lib/arrange.css";
"bower_components/suit-components-button/lib/button.css";
...more

How do I preprocess them and add them to the tree?

[jasonmit]

Sorry for the delayed response, must have missed the notification.

I am guessing you want to also control where these are outputted to, or do you want to have one app.css and import these files in?

[patrickberkeley]

I was going for the latter: Using CSS imports in app/styles/app.css to import from bower components as follows:

@import "bower_components/suit-base/lib/base.css";
@import "bower_components/suit-components-arrange/lib/arrange.css";
@import "bower_components/suit-components-button/lib/button.css";

But IIRC the imports are not run through myth.

[jasonmit]

It has to be relative to your inputFile: app/styles/app.css

@import "../../bower_components/suit-base/lib/base.css";
@import "../../bower_components/suit-components-arrange/lib/arrange.css";
@import "../../bower_components/suit-components-button/lib/button.css";

[jasonmit]

segmentio/myth#135

[jasonmit]

Reopening, as the proposal to add paths and passing it on to the importer parser is a go.