Use Atomizer to generate Atomic CSS from your ember templates.
ember install ember-cli-atomizer
By default this addon will process app/templates/**/*.hbs to generate
Atomic CSS rules using atomizer. Generated css will be imported into
vendor.css.
You can specify options using the ember-cli-atomizer config property
in ember-cli-build.js:
'ember-cli-atomizer': {
// Directory or directories of templates.
// 'app/templates' by default.
dir: <string|string[]>,
// Pattern to match template files.
// https://github.com/isaacs/node-glob is used.
// '**/*.hbs' by default.
pattern: <string>,
// Atomizer config (optional).
// `undefined` by default.
config: <object>
}