ember-tachyons-media-query-data-attrs
I like tachyons, but I sometimes find it hard to wrap my brain around what a given element will look like at different screen sizes when all the class names are jumbled together in my Ember.js projects. So I created this addon to help.
Instead of:
I prefer separate data-*
attrs that logically separate styles by media
queries:
This addon simply converts the data attrs into standard tachyons classes by manipulating the Handlebars AST at build time. Class definitions on components are also supported.
Installation
-
git clone <repository-url>
this repository cd ember-tachyons-media-query-data-attrs
npm install
bower install
Running
ember serve
- Visit your app at http://localhost:4200.
Running Tests
-
npm test
(Runsember try:each
to test your addon against multiple Ember versions) ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit https://ember-cli.com/.