@howssatoshi/quantumcss 1.5.1 → 1.5.2
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 +1 -1
- package/dist/quantum.min.css +2 -2
- package/examples/index.html +1 -1
- package/examples/starlight.html +56 -3
- package/examples/travel/index.html +0 -4
- package/package.json +1 -1
- package/src/styles/quantum-base.css +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Quantum CSS - Next-Generation Utility Framework
|
|
2
2
|
|
|
3
|
-
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
package/dist/quantum.min.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* QuantumCSS + Starlight UI v1.5.
|
|
2
|
+
* QuantumCSS + Starlight UI v1.5.2 - Advanced Utility-First CSS Framework
|
|
3
3
|
* https://github.com/macroadster/quantumcss
|
|
4
4
|
* Copyright (c) 2026 Eric Yang
|
|
5
5
|
* License: MIT
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
/*!
|
|
9
9
|
* QuantumCSS + Starlight UI
|
|
10
10
|
* Advanced utility-first framework with ethereal cosmic aesthetics
|
|
11
|
-
* Version: 1.5.
|
|
11
|
+
* Version: 1.5.2
|
|
12
12
|
* Features: Modern CSS, JIT Engine, Starlight Components, Dark Mode
|
|
13
13
|
*/
|
|
14
14
|
|
package/examples/index.html
CHANGED
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
|
|
62
62
|
<header class="hero container">
|
|
63
63
|
<div class="pt-8 pb-12 text-center">
|
|
64
|
-
<span class="text-[10px] font-black tracking-[0.3em] text-starlight uppercase mb-6 block">QuantumCSS v1.5.
|
|
64
|
+
<span class="text-[10px] font-black tracking-[0.3em] text-starlight uppercase mb-6 block">QuantumCSS v1.5.2</span>
|
|
65
65
|
<h1 class="text-7xl md:text-8xl text-gradient-starlight font-black uppercase italic tracking-tighter mb-8">Starlight Design</h1>
|
|
66
66
|
<p class="text-xl text-slate-400 max-w-3xl mx-auto mb-12 font-medium leading-relaxed">
|
|
67
67
|
A standardized, high-performance UI library.
|
package/examples/starlight.html
CHANGED
|
@@ -28,9 +28,62 @@
|
|
|
28
28
|
color: #1e293b !important;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
.hero-glow {
|
|
32
|
+
position: absolute;
|
|
33
|
+
top: -10%;
|
|
34
|
+
right: -10%;
|
|
35
|
+
width: 50%;
|
|
36
|
+
height: 50%;
|
|
37
|
+
background: radial-gradient(circle, rgba(0, 212, 255, 0.15) 0%, transparent 70%);
|
|
38
|
+
filter: blur(60px);
|
|
39
|
+
z-index: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.hero-glow-2 {
|
|
43
|
+
position: absolute;
|
|
44
|
+
bottom: -10%;
|
|
45
|
+
left: -10%;
|
|
46
|
+
width: 50%;
|
|
47
|
+
height: 50%;
|
|
48
|
+
background: radial-gradient(circle, rgba(255, 179, 138, 0.1) 0%, transparent 70%);
|
|
49
|
+
filter: blur(60px);
|
|
50
|
+
z-index: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.float {
|
|
54
|
+
animation: float 6s ease-in-out infinite;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@keyframes float {
|
|
58
|
+
0% { transform: translateY(0px); }
|
|
59
|
+
50% { transform: translateY(-20px); }
|
|
60
|
+
100% { transform: translateY(0px); }
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* Theme Toggle Styling */
|
|
64
|
+
.theme-toggle {
|
|
65
|
+
position: fixed;
|
|
66
|
+
top: 2rem;
|
|
67
|
+
right: 2rem;
|
|
68
|
+
z-index: 100;
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
width: 2.5rem;
|
|
71
|
+
height: 2.5rem;
|
|
72
|
+
border-radius: 50%;
|
|
73
|
+
transition: all 0.3s ease;
|
|
74
|
+
display: flex;
|
|
75
|
+
align-items: center;
|
|
76
|
+
justify-content: center;
|
|
77
|
+
flex-shrink: 0;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.theme-toggle:hover {
|
|
81
|
+
background: rgba(255, 255, 255, 0.1);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
body.light-mode .theme-toggle:hover {
|
|
85
|
+
background: rgba(0, 0, 0, 0.05);
|
|
86
|
+
}
|
|
34
87
|
</style>
|
|
35
88
|
</head>
|
|
36
89
|
<body class="p-8 min-h-screen">
|
|
@@ -62,10 +62,6 @@
|
|
|
62
62
|
color: #1e293b !important;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.sun-icon { display: none; }
|
|
66
|
-
body.light-mode .sun-icon { display: block; }
|
|
67
|
-
body.light-mode .moon-icon { display: none; }
|
|
68
|
-
|
|
69
65
|
body.light-mode .starlight-card p,
|
|
70
66
|
body.light-mode header p,
|
|
71
67
|
body.light-mode section p {
|
package/package.json
CHANGED