styles
This commit is contained in:
parent
5f4659b6db
commit
2b1843ddb7
@ -38,6 +38,10 @@
|
|||||||
"store store stash stash"
|
"store store stash stash"
|
||||||
"store store combiner combiner";
|
"store store combiner combiner";
|
||||||
|
|
||||||
|
> div {
|
||||||
|
padding: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
.stash {
|
.stash {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-top: 0.1em solid @gray;
|
border-top: 0.1em solid @gray;
|
||||||
@ -68,15 +72,18 @@
|
|||||||
|
|
||||||
.store-hdr {
|
.store-hdr {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: min-content;
|
grid-template-columns: min-content min-content 1fr;
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
|
> * {
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"hdr btn"
|
"hdr bits btn";
|
||||||
"bits btn";
|
|
||||||
|
|
||||||
h3 {
|
h1 {
|
||||||
grid-area: hdr;
|
grid-area: hdr;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bits {
|
.bits {
|
||||||
@ -94,10 +101,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
|
||||||
opacity: 0.1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.game {
|
.game {
|
||||||
@ -196,21 +199,22 @@
|
|||||||
.instance-construct {
|
.instance-construct {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
grid-template-rows: 1fr min-content min-content min-content;
|
||||||
|
grid-template-areas:
|
||||||
|
"avatar name"
|
||||||
|
"skills skills"
|
||||||
|
"specs specs"
|
||||||
|
"stats stats ";
|
||||||
|
|
||||||
.skills, .specs {
|
.skills, .specs {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar {
|
.stats {
|
||||||
grid-area: initial;
|
svg {
|
||||||
position: absolute;
|
height: 1em;
|
||||||
top: 0;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button:not([disabled]) {
|
|
||||||
background: black;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -173,9 +173,9 @@ class Vbox extends preact.Component {
|
|||||||
onTouchStart={e => e.target.scrollIntoView(true)}
|
onTouchStart={e => e.target.scrollIntoView(true)}
|
||||||
onMouseOver={e => vboxHover(e, 'store')}> STORE
|
onMouseOver={e => vboxHover(e, 'store')}> STORE
|
||||||
</h2>
|
</h2>
|
||||||
<div class={`bits ${vbox.bits < 3 ? 'red' : false}`} onMouseOver={e => vboxHover(e, 'bits')}>
|
<h1 class={`bits ${vbox.bits < 3 ? 'red' : false}`} onMouseOver={e => vboxHover(e, 'bits')}>
|
||||||
<h1> {vbox.bits}b </h1>
|
{vbox.bits}b
|
||||||
</div>
|
</h1>
|
||||||
<button
|
<button
|
||||||
class='vbox-btn'
|
class='vbox-btn'
|
||||||
onMouseOver={e => vboxHover(e, 'refill')}
|
onMouseOver={e => vboxHover(e, 'refill')}
|
||||||
|
|||||||
@ -323,8 +323,6 @@ impl Construct {
|
|||||||
}
|
}
|
||||||
|
|
||||||
pub fn apply_modifiers(&mut self, player_colours: &Colours) -> &mut Construct {
|
pub fn apply_modifiers(&mut self, player_colours: &Colours) -> &mut Construct {
|
||||||
self.specs.sort_unstable();
|
|
||||||
|
|
||||||
self.red_power.recalculate(&self.specs, player_colours);
|
self.red_power.recalculate(&self.specs, player_colours);
|
||||||
self.red_life.recalculate(&self.specs, player_colours);
|
self.red_life.recalculate(&self.specs, player_colours);
|
||||||
self.blue_power.recalculate(&self.specs, player_colours);
|
self.blue_power.recalculate(&self.specs, player_colours);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user