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:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -51,6 +51,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@include S(border-radius, $globalBorderRadius);
|
||||
|
||||
> canvas {
|
||||
@include S(width, 50px);
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user