chi-css-engine 1.0.2 → 1.0.3

package/README.md

@@ -1,26 +1,24 @@
 ☕ Chai CSS Engine
 
 A lightweight utility-first CSS engine built with vanilla JavaScript.
-It dynamically scans the DOM, parses chai-\* utility classes, and applies corresponding inline styles at runtime — inspired by utility-first CSS frameworks.
+Chai CSS dynamically scans the DOM, parses chai-\* utility classes, and applies corresponding inline styles at runtime — inspired by utility-first CSS frameworks.
 
 🚀 Features
-No CSS files required
-Pure JavaScript (no dependencies)
-Utility-first class syntax
-Automatic DOM scanning
-
-Works via CDN or npm
-
-Easy to extend and customize
+❌ No CSS files required
+❌ No build step
+❌ No dependencies
+✅ Pure JavaScript
+✅ Utility-first class syntax
+✅ Automatic DOM scanning
+✅ Works with npm and CDN
+✅ Easy to extend and customize
 📦 Installation (npm)
-
 npm install chi-css-engine
 🔧 Usage (npm / Vite / Bundlers)
 1️⃣ Import the package
-
 import "chi-css-engine";
 
-⚠️ No function call is required.
+⚠️ No function call required.
 The engine runs automatically after DOMContentLoaded.
 
 2️⃣ Use utility classes in HTML
@@ -30,7 +28,7 @@ The engine runs automatically after DOMContentLoaded.
 </div>
 🌐 Usage via CDN (No Build Tools)
 
-If you are not using npm or Vite, use the CDN directly:
+If you are not using npm or a bundler, include the CDN directly:
 
 <script src="https://unpkg.com/chi-css-engine@latest"></script>
 
@@ -58,12 +56,10 @@ Full CDN Example
 🧠 How It Works
 Waits for DOMContentLoaded
 Traverses all DOM elements
-Finds class names starting with chai-
+Detects class names starting with chai-
 Parses utility patterns
 Applies inline styles dynamically
-
 📐 Supported Utilities
-
 🧱 Spacing
 Class Effect
 chai-p-0 padding: 0px
@@ -72,7 +68,6 @@ chai-p-2 padding: 8px
 chai-p-3 padding: 12px
 chai-p-4 padding: 16px
 chai-m-2 margin: 8px
-
 🎨 Colors
 Class Effect
 chai-bg-red background-color: red
@@ -93,25 +88,21 @@ chai-text-sm 12px
 chai-text-md 16px
 chai-text-lg 18px
 chai-text-xl 24px
-
 🧩 Borders
 Class Effect
 chai-border-1 1px solid black
 chai-border-2 2px solid black
-
 🔵 Border Radius
 Class Radius
 chai-rounded-sm 4px
 chai-rounded-md 6px
 chai-rounded-lg 12px
 chai-rounded-10 10px
-
 📦 Layout Utilities
 Class Effect
 chai-flex display: flex
 chai-items-center align-items: center
 chai-justify-center justify-content: center
-
 🧪 Example Layout
 
 <div class="chai-flex chai-justify-center chai-items-center chai-p-4 chai-bg-gray">
@@ -119,16 +110,15 @@ chai-justify-center justify-content: center
     Centered Content
   </p>
 </div>
-
 🛠 Customization
 
-You can extend utilities by modifying:
+You can extend Chai CSS by modifying:
 
 spacingScale
 fontSizeMap
 radiusMap
 
-Add new rules inside the applyUtility() switch to support more utilities.
+Add new rules inside the applyUtility() switch to support additional utilities.
 
 ⚠️ Limitations
 Uses inline styles (overrides external CSS)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chi-css-engine",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Lightweight utility-first CSS engine",
   "keywords": [
     "\"css\"",