/AutoAtomic

Generates a css template based on the classes in your html

Primary LanguageJavaScript

#Auto Atomic

Rather than jumping back and forth between your html and css files. Write all the atomic style classes in your html, then use this to generate your css template on the class names.

See live version here.

##Step 1: Paste in your HTML

Image HTML

##Step 2: Generate CSS template

Image CSS template

##Step 3: Fill in CSS template

Image completed CSS