orna4node/README.md

orna4node is a tool for creation Atomic CSS.

# Orna4Node

Atomic CSS classes auto-creator
-------------------------------

 - Just download it and put into your work directory with index.html.

 - Then run it with [nodejs](https://nodejs.org).

 - After, you can write classes like: **color_red**, **height_100px** and **Orna** automatically create **atomic.css** file with this class in root directory.


**Structure**: property_value, property_value_event;

**Event, Pseudo-classes**: 
   
   *  hover or ho
   *  focus or fo
   *  active or ac
   *  first-child or fc
   *  link or lk
   *  visited or vi
   *  checked or ch

**Property**: 

  -  color or c 
  -  width or w
  -  height or h
  -  margin or m (ml,mr,mt,mb)
  -  padding or p (pl,pr,pt,pb)
  -  background or bg
  -  background-color or bgc
  -  border or b (bl,br,bt,bb)
  -  border-color or b-c (bl-c,br-c,bt-c,bb-c)
  -  border-style or b-s (bl-s,br-s,bt-s,bb-s)
  -  border-width or b-w (bl-w,br-w,bt-w,bb-w)
  -  text-align or ta
  -  text-decoration or td
  -  font-family or ff
  -  font-size or fs
  -  font-weight or fw
  -  transition-duration or t-dur
  -  transition-delay or t-del
  -  transition-property or t-pro
  -  transition-timing-function or t-fun
  -  display or d
  -  And other like in CSS but with underscore : = _ **!!!**

Example
--------

U can write:

**class=" background-color_red height_100px width_50% color_#0f0 "**

or

**class=" bgc_red h_100px w_50% c_#0f0 "**


More info: [orna4node - NW.js](http://ornaorg.github.io/Orna4Node.html)

See also: [ornajs](http://ornaorg.github.io);

**Use Orna4Node-CLI with [reload](https://github.com/OrnaOrg/reload) node module. For Browser autoreload! It's recommended!**

**How use it?**

  - Install Node.js 
  - Download Orna4Node-CLI
  - Install [reload](https://github.com/OrnaOrg/reload) node module from CMD. Write: (npm install -g reload). 
  - Start "reload". Write in CMD: reload --browser. But do it from right directory. For directory changes use "cd C:\path". Path where the index.html is.
  - Create index.html with [orna4node classes](http://ornaorg.github.io/Orna4Node.html) and put it with Orna4Node file.
  - Start orna4node.js from CMD. Write: node orna4node.js. But do it from right directory. For directory changes use "cd C:\path".