anentrypoint-design 0.0.168 → 0.0.170
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/dist/247420.css +61 -0
- package/dist/247420.js +21 -11
- package/package.json +3 -1
- package/src/index.js +1 -0
- package/src/kits/spoint/game-hud.css +59 -0
- package/src/kits/spoint/game-hud.js +32 -0
- package/src/kits/spoint/index.js +2 -0
- package/src/page-html.js +14 -4
package/dist/247420.css
CHANGED
|
@@ -5778,3 +5778,64 @@
|
|
|
5778
5778
|
color: var(--fg-3);
|
|
5779
5779
|
font-size: var(--fs-small, 11px);
|
|
5780
5780
|
}
|
|
5781
|
+
|
|
5782
|
+
/* spoint/game-hud.css */
|
|
5783
|
+
/* Game-HUD kit styles. Scoped under .ds-247420 at build time.
|
|
5784
|
+
Colors from semantic tokens (no raw literals) per the token-lint gate. */
|
|
5785
|
+
.ds-247420 .sp-hud { pointer-events: none; font-family: var(--ff-mono); }
|
|
5786
|
+
.ds-247420 .sp-hud-crosshair {
|
|
5787
|
+
position: fixed;
|
|
5788
|
+
top: 50%;
|
|
5789
|
+
left: 50%;
|
|
5790
|
+
transform: translate(-50%, -50%);
|
|
5791
|
+
font-size: 24px;
|
|
5792
|
+
color: var(--fg);
|
|
5793
|
+
text-shadow: 0 0 2px var(--bg);
|
|
5794
|
+
}
|
|
5795
|
+
.ds-247420 .sp-hud-ammo {
|
|
5796
|
+
position: fixed;
|
|
5797
|
+
bottom: 50px;
|
|
5798
|
+
right: 20px;
|
|
5799
|
+
font-size: 24px;
|
|
5800
|
+
font-weight: bold;
|
|
5801
|
+
color: var(--fg);
|
|
5802
|
+
text-shadow: 0 0 4px var(--bg);
|
|
5803
|
+
}
|
|
5804
|
+
.ds-247420 .sp-hud-ammo-reloading { color: var(--warn); }
|
|
5805
|
+
.ds-247420 .sp-hud-health {
|
|
5806
|
+
position: fixed;
|
|
5807
|
+
bottom: 20px;
|
|
5808
|
+
left: 50%;
|
|
5809
|
+
transform: translateX(-50%);
|
|
5810
|
+
width: 200px;
|
|
5811
|
+
height: 20px;
|
|
5812
|
+
background: var(--bg-3);
|
|
5813
|
+
border-radius: 4px;
|
|
5814
|
+
overflow: hidden;
|
|
5815
|
+
}
|
|
5816
|
+
.ds-247420 .sp-hud-health-fill {
|
|
5817
|
+
height: 100%;
|
|
5818
|
+
transition: width var(--dur-snap) var(--ease);
|
|
5819
|
+
}
|
|
5820
|
+
.ds-247420 .sp-hud-hp-high { background: var(--success); }
|
|
5821
|
+
.ds-247420 .sp-hud-hp-mid { background: var(--warn); }
|
|
5822
|
+
.ds-247420 .sp-hud-hp-low { background: var(--danger); }
|
|
5823
|
+
.ds-247420 .sp-hud-health-num {
|
|
5824
|
+
position: absolute;
|
|
5825
|
+
width: 100%;
|
|
5826
|
+
text-align: center;
|
|
5827
|
+
color: var(--fg);
|
|
5828
|
+
font-size: 12px;
|
|
5829
|
+
line-height: 20px;
|
|
5830
|
+
}
|
|
5831
|
+
.ds-247420 .sp-hud-boost {
|
|
5832
|
+
position: fixed;
|
|
5833
|
+
top: 80px;
|
|
5834
|
+
right: 20px;
|
|
5835
|
+
padding: 8px 16px;
|
|
5836
|
+
background: var(--accent);
|
|
5837
|
+
color: var(--accent-fg);
|
|
5838
|
+
font-weight: bold;
|
|
5839
|
+
border-radius: 6px;
|
|
5840
|
+
font-size: 14px;
|
|
5841
|
+
}
|