Update the CSS
This commit is contained in:
parent
628ce29dad
commit
12531fce67
1 changed files with 22 additions and 18 deletions
|
|
@ -137,30 +137,14 @@ main {
|
|||
align-items: center;
|
||||
height: 95%;
|
||||
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 {
|
||||
flex-direction: row-reverse;
|
||||
|
||||
div {
|
||||
.spaceship-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.spaceship-icon {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -170,6 +154,26 @@ main {
|
|||
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 {
|
||||
background-image: url(/assets/black-hole.svg);
|
||||
background-repeat: no-repeat;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue