jakerb/README.md

## README.md

      
    Raw
  

              README.md
            
          
    #Human Readable Stylesheets
HRSS is a jQuery class to compile CSS from sentence-like stylesheets, this was an experiment on creating website styling based on human readable and written syntax.
#Using HRSS
You can get started writing HRSS by using the following keywords: has a, and, of and have a. You can declare the
styling of a selector by starting a new line \n. An example of using HRSS is given below.
body has a border-radius of 3px, padding of 2px and a margin of 0px
.parent + .child have a margin of 0px and a border of 0px

This will output:
body { border-radius: 3px; padding: 2px; margin: 0px ; } .parent + .child { margin: 0px; border: 0px; }


## hrss.min.js
/*
 * @title HRSS (Human Readable StyleSheets
 * @author Jake Bown <jakebown@gmail.com>
 */

 var hrss={compile:function(e){e=e.replace(/have a/g,"{"),e=e.replace(/has a/g,"{"),e=e.replace(/\sand a/g,";"),e=e.replace(/\sof/g,":"),e=e.replace(/,/g,";"),e=e.replace(/\n/g,"; }"),e+="; }",console.log(e)}};
	/*
	* @title HRSS (Human Readable StyleSheets
	* @author Jake Bown <jakebown@gmail.com>
	*/

	var hrss={compile:function(e){e=e.replace(/have a/g,"{"),e=e.replace(/has a/g,"{"),e=e.replace(/\sand a/g,";"),e=e.replace(/\sof/g,":"),e=e.replace(/,/g,";"),e=e.replace(/\n/g,"; }"),e+="; }",console.log(e)}};