gullu-css 1.0.0 โ 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/index.html +4 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Gullu CSS Engine
|
|
2
2
|
|
|
3
3
|
A blazing-fast, **zero-build** runtime utility CSS engine.
|
|
4
4
|
|
|
5
|
-
Instead of waiting for Webpack or Vite to compile hundreds of gigabytes of node modules, **
|
|
5
|
+
Instead of waiting for Webpack or Vite to compile hundreds of gigabytes of node modules, **Gullu CSS Engine operates entirely in the browser at runtime**. By leveraging modern browser JavaScript, Gullu CSS reads your utility classes natively and injects styles dynamically. No complicated configurations. No PostCSS process. Just instantly applied styles.
|
|
6
6
|
|
|
7
7
|
## ๐ Features
|
|
8
8
|
- **Zero Build Step:** Runs 100% in browser JS. No build pipelines.
|
|
@@ -17,10 +17,10 @@ Instead of waiting for Webpack or Vite to compile hundreds of gigabytes of node
|
|
|
17
17
|
|
|
18
18
|
To install via npm:
|
|
19
19
|
```bash
|
|
20
|
-
npm install
|
|
20
|
+
npm install gullu-css
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
*(Note: Replace `
|
|
23
|
+
*(Note: Replace `gullu-css` with the exact scoped name you push to npm).*
|
|
24
24
|
|
|
25
25
|
---
|
|
26
26
|
|
|
@@ -32,7 +32,7 @@ Because it's an ES6 module, you can easily drop it into standard HTML, React, Vu
|
|
|
32
32
|
```html
|
|
33
33
|
<!-- Inside index.html -->
|
|
34
34
|
<script type="module">
|
|
35
|
-
import { initEngine } from "./node_modules/
|
|
35
|
+
import { initEngine } from "./node_modules/gullu-css/main.js";
|
|
36
36
|
|
|
37
37
|
// Call the engine to compile all styles
|
|
38
38
|
initEngine();
|
|
@@ -48,7 +48,7 @@ Because it's an ES6 module, you can easily drop it into standard HTML, React, Vu
|
|
|
48
48
|
You can trigger the engine during page mount or context initialization:
|
|
49
49
|
```jsx
|
|
50
50
|
import { useEffect } from 'react';
|
|
51
|
-
import { initEngine } from '
|
|
51
|
+
import { initEngine } from 'gullu-css';
|
|
52
52
|
|
|
53
53
|
export default function App() {
|
|
54
54
|
useEffect(() => {
|
|
@@ -58,7 +58,7 @@ export default function App() {
|
|
|
58
58
|
|
|
59
59
|
return (
|
|
60
60
|
<div className="bg-slate-900 w-screen h-screen d-flex items-center justify-center">
|
|
61
|
-
<h1 className="text-4xl font-bold text-emerald-400">Powered by
|
|
61
|
+
<h1 className="text-4xl font-bold text-emerald-400">Powered by Gullu CSS</h1>
|
|
62
62
|
</div>
|
|
63
63
|
);
|
|
64
64
|
}
|
|
@@ -68,7 +68,7 @@ export default function App() {
|
|
|
68
68
|
|
|
69
69
|
## ๐ API & Feature Reference
|
|
70
70
|
|
|
71
|
-
Below is a complete reference of the modules and utility classes processed by
|
|
71
|
+
Below is a complete reference of the modules and utility classes processed by Gullu CSS:
|
|
72
72
|
|
|
73
73
|
### 1. Typography
|
|
74
74
|
Control all text styling properties with simple prefixes.
|
|
@@ -122,7 +122,7 @@ Sometimes you need to escape the token system. Whenever that happens, cleanly us
|
|
|
122
122
|
---
|
|
123
123
|
|
|
124
124
|
## โ๏ธ Architecture Core
|
|
125
|
-
|
|
125
|
+
Gullu CSS is built to be maximally performant at runtime. When `initEngine()` runs, it gathers the DOM layer into `document.querySelectorAll("[class]")` and iterates through standard HTML classes mapping directly up to our array of isolated rule tests (located in cleanly decoupled feature files: `layout.js`, `typography.js`, etc.). If a rule hits dynamically, it instantly overrides the element's inline `.style`, avoiding reflow latency whenever feasible.
|
|
126
126
|
|
|
127
127
|
---
|
|
128
128
|
### Building the Future of Styling.
|
package/index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>
|
|
6
|
+
<title>Gullu CSS โ Utility Engine Docs</title>
|
|
7
7
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
8
8
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
9
9
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
<div class="w-10 h-10 rounded-lg bg-emerald-500 d-flex items-center justify-center glow-green-sm">
|
|
58
58
|
<span class="text-white font-bold text-base">C</span>
|
|
59
59
|
</div>
|
|
60
|
-
<span class="text-xl font-bold text-white">
|
|
60
|
+
<span class="text-xl font-bold text-white">Gullu<span class="text-emerald-400">CSS</span></span>
|
|
61
61
|
<span class="text-xs font-medium text-emerald-400 bg-emerald-400 rounded-full pl-2 pr-2" style="background:rgba(52,211,153,0.12); padding-top:3px; padding-bottom:3px;">v2.0</span>
|
|
62
62
|
</div>
|
|
63
63
|
<!-- Nav Links -->
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
<span class="text-emerald-400">Zero stylesheet.</span>
|
|
83
83
|
</h1>
|
|
84
84
|
<p class="text-gray-500 font-medium" style="max-width:520px; line-height:1.7; margin-top:8px; font-size:17px;">
|
|
85
|
-
|
|
85
|
+
Gullu CSS is a runtime utility engine that reads class names directly
|
|
86
86
|
and applies styles in JavaScript โ no build step, no stylesheet, no framework required.
|
|
87
87
|
</p>
|
|
88
88
|
<!-- Stats -->
|
|
@@ -545,7 +545,7 @@
|
|
|
545
545
|
<div class="w-8 h-8 rounded-lg bg-emerald-500 d-flex items-center justify-center">
|
|
546
546
|
<span class="text-white font-bold text-xs">C</span>
|
|
547
547
|
</div>
|
|
548
|
-
<span class="text-white font-bold">
|
|
548
|
+
<span class="text-white font-bold">Gullu CSS</span>
|
|
549
549
|
<span class="text-gray-500 text-sm">v2.0</span>
|
|
550
550
|
</div>
|
|
551
551
|
<p class="text-gray-500 text-sm font-medium">Built with Custom Utility Engine © 2026 ยท Zero raw CSS.</p>
|