Skip to content

Instantly share code, notes, and snippets.

@davidpett
Created January 21, 2017 21:22
Show Gist options
  • Save davidpett/b7cd71c1d6e335e433964e248e5222ef to your computer and use it in GitHub Desktop.
Save davidpett/b7cd71c1d6e335e433964e248e5222ef to your computer and use it in GitHub Desktop.
using tachyons in ember.js
@import './tachyons/tachyons'; // tachyons source
@import './_custom'; // any custom css
@import './_vars'; // put last because that is how CSS vars work...
/*
in _vars.css you can override tachyons vars
:root {
--navy: #001624;
--red: #D11149;
}
*/
var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var postcssCssnext = require('postcss-cssnext');
var postcssImport = require('postcss-import');
module.exports = function(defaults) {
var app = new EmberApp(defaults, {
postcssOptions: {
compile: {
enabled: true,
plugins: [{
module: postcssImport
}, {
module: postcssCssnext
}]
},
filter: {
enabled: false
}
}
});
return app.toTree();
};
devDependencies: {
...
"ember-cli-postcss": "3.1.0",
"postcss-cssnext": "^2.9.0",
"postcss-import": "^9.0.0"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment