This commit is contained in:
ntr 2019-05-15 18:40:41 +10:00
parent ba70b0e1ef
commit ef1c1f2c61
2 changed files with 18 additions and 8 deletions

View File

@ -35,11 +35,12 @@
.opponent .game-cryp { .opponent .game-cryp {
grid-template-rows: 1fr 1fr 2fr; align-items: flex-start;
grid-template-rows: min-content min-content 2fr;
grid-template-columns: 1fr min-content 1fr; grid-template-columns: 1fr min-content 1fr;
grid-template-areas: grid-template-areas:
"stats stats ." "stats stats ."
"avatar effects ." "effects effects ."
"avatar target ."; "avatar target .";
} }
@ -48,15 +49,14 @@
/*justify-items: center;*/ /*justify-items: center;*/
justify-items: start; justify-items: start;
/*align-items: flex-end;*/
/*grid-template-rows: minmax(0, 1fr) minmax(0, 2fr) auto minmax(0, 1fr);*/
/*grid-template-columns: min-content minmax(0, 1fr);*/
grid-template-rows: 1fr 2fr 1fr min-content; grid-template-rows: 1fr 2fr 1fr min-content;
grid-template-columns: 1fr min-content 1fr; grid-template-columns: 1fr min-content 1fr;
grid-template-areas: grid-template-areas:
"skills skills ." "skills skills ."
"avatar target ." "avatar target ."
"avatar effects ." "effects effects ."
"stats stats ."; "stats stats .";
transition-property: all; transition-property: all;
@ -87,6 +87,8 @@
.game-cryp figure { .game-cryp figure {
padding: 0 0.5em; padding: 0 0.5em;
display: flex;
flex-flow: column;
} }
.game-cryp figcaption { .game-cryp figcaption {
@ -127,6 +129,8 @@
grid-area: effects; grid-area: effects;
font-size: 1.5em; font-size: 1.5em;
white-space: nowrap; white-space: nowrap;
width: 100%;
text-align: center;
} }
.game-btn { .game-btn {
@ -271,6 +275,6 @@ CRYP DAMAGE
.img { .img {
position: relative; position: relative;
/* stops them being resized to zero because of redraws*/
height: 100%; height: 100%;
min-width: 200px;
} }

View File

@ -362,10 +362,16 @@ const game = {
"cd": null "cd": null
} }
], ],
"effects": [{ "effects": [
{
effect: "Sustain", effect: "Sustain",
duration: 2, duration: 2,
}], },
{
effect: "Release",
duration: 2,
},
],
"specs": [], "specs": [],
"colours": { "colours": {
"red": 0, "red": 0,