Oliver/Gravwell-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update the CSS

Browse source
This commit is contained in:
Oliver Akins 2022-07-20 21:09:17 -06:00
parent 628ce29dad
commit 12531fce67
No known key found for this signature in database
GPG key ID: 3C2014AF9457AF99
1 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

40
web-svelte/src/components/Board.svelte
View file

@ -137,30 +137,14 @@ main {
align-items: center; align-items: center;
height: 95%; height: 95%;
width: 100%; width: 100%;
.spaceship-icon {
/*
Smaller version: 55px
Larger version: 75px
*/
--size: 55px;
width: var(--size);
height: var(--size);
display: flex;
color: var(--colour);
justify-content: center;
align-items: center;
}
} }
} }
.row-reverse { .row-reverse {
flex-direction: row-reverse; flex-direction: row-reverse;
div { .spaceship-icon {
.spaceship-icon { transform: scaleX(-1);
transform: rotate(180deg);
}
} }
} }
@ -170,6 +154,26 @@ main {
align-items: center; align-items: center;
} }
.spaceship-icon {
/*
Smaller version: 55px
Larger version: 75px
*/
--size: 55px;
width: var(--size);
height: var(--size);
display: flex;
color: var(--colour);
justify-content: center;
align-items: center;
}
.side-hex {
.spaceship-icon {
transform: rotate(90deg);
}
}
.singularity { .singularity {
background-image: url(/assets/black-hole.svg); background-image: url(/assets/black-hole.svg);
background-repeat: no-repeat; background-repeat: no-repeat;