@melcanz85/chaincss 1.5.8 → 1.5.10

package/README.md

@@ -32,18 +32,19 @@ Project Structure
 Create this folder structure in your project:
 
 your-project/
-├── chaincss/                      # ChainCSS source files
-│   ├── main.jcss              # Main entry file
-│   ├── chain.jcss                  # Chaining definitions
-│   └── processor.js                 # Processing script
-├── public/                          # Output files
+├── chaincss/                 # ChainCSS source files
+│   ├── main.jcss             # Main entry file
+│   ├── chain.jcss            # Chaining definitions
+│   └── processor.js          # Processing script
+├── public/                   # Output files
 │   ├── index.html
-│   └── style.css               # Generated CSS
+│   └── style.css             # Generated CSS
 ├── node_modules/
 ├── package.json
 └── package-lock.json
 
-Processor Setup
+
+The Initialization processor Setup
 
 In chaincss/processor.js:
 
@@ -61,7 +62,9 @@ try {
 
 --Chaining File (chaincss/chain.jcss):
 
- *** This is where the chaining happens all codes here are javascript codes the methods are the css properties but since its a js code its a camelCase syntax example the property font-family its fontFamily in chaincss syntax.
+ *** This is where the chaining happens all codes here are in javascript syntax, the methods are the css properties but in javascript form it follows the camelCase syntax. Example the property font-family is fontFamily in chaincss and your css selector is the value of the block() method which is always at the end of the chain.
+
+ *** The property method are the same as the css property but background is an exception because it's a long word so it is shorten to bg only. Example background-color is bgColor() in chaincss etc.
 
 // Variables for consistent styling
 const bodyBgColor = '#f0f0f0';
@@ -135,13 +138,13 @@ module.exports = {
 
 📝 Notes
     
-    You can directly put css syntax on your main file.
+    You can directly put css syntax code on your main file.
 
     But chainCSS syntax must be wrapped in <@ @> delimiters.
 
     The get() function imports chaining definitions from other files
 
-    YOU can modify your style in between get() and compile() in the main file it will override the styles in the chainn file.
+    YOU can modify your style in between get() and compile() in the main file it will overwrite the styles in the chainn file.
 
 🎨 Editor Support
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@melcanz85/chaincss",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "description": "A simple package transpiler for js to css",
   "main": "chaincss.js",
   "bin": {