draft options working; spells won't cast though
This commit is contained in:
parent
2429efbf6a
commit
7cf15dcaa6
37 changed files with 1340 additions and 0 deletions
|
|
@ -477,3 +477,77 @@
|
|||
padding: 0 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* ----- Section 6: Spell Hotbar (short, hidden until the player has spells) ----- */
|
||||
.spell-hotbar-frame {
|
||||
width: 220px;
|
||||
height: 165px;
|
||||
flex-shrink: 0;
|
||||
flex-direction: column;
|
||||
padding: 8px 10px;
|
||||
background-color: rgb(15, 15, 15);
|
||||
border-width: 2px;
|
||||
border-color: rgb(80, 65, 35);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.spell-hotbar {
|
||||
flex-direction: row;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* One granted spell. Reuses the command-grid icon/badge look (embossed grey
|
||||
placeholder + top-left hotkey badge) so spells read as the same visual
|
||||
language as tower/build buttons. */
|
||||
.spell-slot {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
flex-shrink: 0;
|
||||
margin-right: 4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.spell-slot-icon {
|
||||
flex: 1;
|
||||
background-color: rgb(140, 140, 140);
|
||||
border-top-width: 2px;
|
||||
border-left-width: 2px;
|
||||
border-bottom-width: 2px;
|
||||
border-right-width: 2px;
|
||||
border-top-color: rgb(220, 220, 220);
|
||||
border-left-color: rgb(220, 220, 220);
|
||||
border-bottom-color: rgb(70, 70, 70);
|
||||
border-right-color: rgb(70, 70, 70);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.spell-slot-hotkey {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
font-size: 11px;
|
||||
color: rgb(255, 255, 255);
|
||||
-unity-font-style: bold;
|
||||
background-color: rgba(0, 0, 0, 0.55);
|
||||
padding: 0 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Remaining-cooldown seconds, bottom-left — same slot as .cmd-cost. Empty
|
||||
string (no text) while the spell is ready. */
|
||||
.spell-slot-cooldown-label {
|
||||
position: absolute;
|
||||
bottom: 2px;
|
||||
left: 4px;
|
||||
font-size: 10px;
|
||||
color: rgb(255, 224, 102);
|
||||
-unity-font-style: bold;
|
||||
background-color: rgba(0, 0, 0, 0.55);
|
||||
padding: 0 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Whole-slot dim while on cooldown — same opacity convention as .cmd-btn.unaffordable. */
|
||||
.spell-slot.on-cooldown {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue