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