@howssatoshi/quantumcss 1.11.1 → 1.11.4
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 +27 -6
- package/dist/quantum.min.css +2 -2
- package/examples/admin-panel.html +18 -6
- package/examples/analytics-dashboard.html +15 -9
- package/examples/chat-messaging.html +40 -3
- package/examples/email-client.css +62 -1
- package/examples/index.html +17 -1
- package/examples/kitchen-sink.html +8 -2
- package/examples/music-streaming.html +67 -6
- package/examples/news.html +34 -8
- package/examples/nova-shop.css +1 -0
- package/examples/portfolio.html +17 -17
- package/examples/shopping.html +1 -1
- package/examples/travel.html +29 -2
- package/examples/video-streaming.html +85 -13
- package/package.json +2 -1
- package/src/cli.js +102 -10
- package/src/defaults.js +413 -22
- package/src/generator.js +2 -1
- package/src/styles/quantum-animations.css +2 -2
- package/src/styles/quantum-base.css +38 -7
- package/src/styles/quantum-components.css +91 -20
- package/src/styles/quantum-icons.css +2 -3
- package/src/styles/starlight.css +235 -46
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Quantum CSS - Next-Generation Utility Framework
|
|
2
2
|
|
|
3
|
-
|
|
4
4
|
|
|
5
5
|
-brightgreen)
|
|
6
6
|
|
|
@@ -58,11 +58,32 @@ npm install @howssatoshi/quantumcss
|
|
|
58
58
|
### Command Line Interface
|
|
59
59
|
QuantumCSS includes a powerful CLI for project orchestration:
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
```bash
|
|
62
|
+
# Using npx (recommended)
|
|
63
|
+
npx quantumcss <command>
|
|
64
|
+
|
|
65
|
+
# Or run directly
|
|
66
|
+
node src/cli.js <command>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
**Commands:**
|
|
70
|
+
|
|
71
|
+
- **`init`** - Generate a default `quantum.config.json` with full theme structure (colors, spacing, plugins, presets, componentPresets).
|
|
72
|
+
- **`build [output]`** - Generate the JIT CSS bundle (default: `dist/quantum.css`).
|
|
73
|
+
- **`watch [output]`** - Automatically rebuild when your HTML or config changes.
|
|
74
|
+
- **`scaffold <type> [file]`** - Generate a starter template (`gaming`, `blog`, `travel`, `shopping`, `starlight`, `news`, `docs`).
|
|
75
|
+
- **`manifest [output]`** - Generate an AI-optimized design system manifest (colors, spacing, utilities, componentPresets). Use this when starting new projects so AI agents understand available tokens.
|
|
76
|
+
|
|
77
|
+
```bash
|
|
78
|
+
# Examples
|
|
79
|
+
npx quantumcss init # Create quantum.config.json
|
|
80
|
+
npx quantumcss build # Build dist/quantum.css
|
|
81
|
+
npx quantumcss build custom.css # Custom output path
|
|
82
|
+
npx quantumcss watch # Watch for changes
|
|
83
|
+
npx quantumcss scaffold blog index.html # Scaffold blog template
|
|
84
|
+
npx quantumcss manifest design-system.json # Generate manifest file
|
|
85
|
+
npx quantumcss manifest # Output manifest to stdout
|
|
86
|
+
```
|
|
66
87
|
|
|
67
88
|
## ⚙️ Configuration
|
|
68
89
|
|