1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00

Rebranding and minor polishing, part 2

This commit is contained in:
tobspr
2022-06-02 14:06:33 +02:00
parent c848f21725
commit 559c0fa854
19 changed files with 69 additions and 55 deletions

View File

@@ -14,9 +14,9 @@
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
@include DarkThemeOverride {
background-color: #55585a;
}
// @include DarkThemeOverride {
// // background-color: #55585a;
// }
transition: opacity 0.1s ease-out;
&.hovered {
@@ -133,7 +133,7 @@
grid-row: 2 / 3;
@include S(border-radius, $globalBorderRadius);
background: rgba($ingameHudBg, 0.3);
background: rgba($ingameHudBg, 0.5);
opacity: 0.5;
display: inline-flex;
vertical-align: top;

View File

@@ -7,6 +7,7 @@
display: grid;
grid-template-rows: auto auto;
justify-items: center;
@include S(grid-gap, 4px);
background: transparent;
transition: transform 120ms ease-in-out;
@@ -32,8 +33,6 @@
&.secondary {
grid-row: 1 / 2;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
.building {
@include S(width, 30px);
@@ -108,7 +107,7 @@
&.selected {
// transform: scale(1.05);
background-color: rgba(lighten($colorBlueBright, 9), 0.4);
@include S(border-radius, 2px);
@include S(border-radius, $globalBorderRadius);
.keybinding {
color: #111;

View File

@@ -96,6 +96,8 @@
@include S(grid-gap, 5px);
grid-template-columns: 1fr 1fr;
.option {
@include S(border-radius, $globalBorderRadius);
pointer-events: all;
cursor: pointer;
@include S(padding, 10px);

View File

@@ -10,7 +10,7 @@
@include S(width, 150px);
background: $ingameHudBg;
@include S(padding, 4px);
@include S(padding, 7px);
color: #eee;
display: flex;
flex-direction: column;
@@ -60,5 +60,6 @@
@include S(height, 150px);
background: center center / cover no-repeat;
transition: opacity 0.1s ease-out;
@include S(border-radius, $globalBorderRadius);
}
}

View File

@@ -51,6 +51,7 @@
display: flex;
align-items: center;
justify-content: center;
@include S(border-radius, $globalBorderRadius);
> canvas {
@include S(width, 50px);

View File

@@ -8,10 +8,11 @@
@include PlainText;
@include S(width, 150px);
background: rgba(0, 10, 20, 0.5);
@include S(padding, 5px);
background: $ingameHudBg;
@include S(padding, 7px);
color: #eee;
@include S(border-radius, $globalBorderRadius);
.desc {
@include SuperSmallText;