Atomic Sass
Generators that make atomic design with SASS easy.
Installation
gem install atomic_sass
Usage
Initialize your project
atom init
Generate your documents by passing the appropriate flag then an array of new document names
- quark
atom g -q header nav footer aside
- utility
atom g -u clearfix
- atom
atom g -a input button
- molecules
atom g -m seachbar top_nav
or a few at once
atom g -a input button -q header nav footer -m seachbar top_nav
specify which molecules will use your atom at generation
( -i is short for --include )
atom g -a input button -i seachbar
or include some atoms in a quark (or quarks)
atom g -q header
atom g -a text_shadow --include-quark header
nested routes are automatically resolved too, so nest all you like
atom g -m header/searchbar
atom g -a typography/textfields/input -i header/searchbar