1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2025-06-13 13:04:03 +00:00

Main menu styling

This commit is contained in:
Exund 2020-09-10 01:50:17 +02:00
parent 6a28fa3b66
commit b87b642627
2 changed files with 11 additions and 7 deletions

View File

@ -164,24 +164,28 @@
position: relative; position: relative;
.updateLabel { .updateLabel {
background-color: $mainBgColor;
border-radius: 999em;
padding: 0px 10px;
position: absolute; position: absolute;
transform: translateX(50%) rotate(-5deg); transform: translateX(50%) rotate(-5deg) scale(1.5);
color: $colorRedBright; color: #7d808a;
//color: $colorRedBright;
@include Heading; @include Heading;
text-transform: uppercase; //text-transform: uppercase;
font-weight: bold; font-weight: bold;
@include S(right, 40px); @include S(right, 40px);
@include S(bottom, 20px); @include S(bottom, 20px);
@include InlineAnimation(1.3s ease-in-out infinite) { @include InlineAnimation(1.3s ease-in-out infinite) {
50% { 50% {
transform: translateX(50%) rotate(-7deg) scale(1.1); transform: translateX(50%) rotate(-7deg) scale(1.65);
} }
} }
@include DarkThemeOverride { /*@include DarkThemeOverride {
color: $colorBlueBright; color: $colorBlueBright;
} }*/
} }
} }

View File

@ -75,7 +75,7 @@ export class MainMenuState extends GameState {
<div class="logo"> <div class="logo">
<img src="${cachebust("res/logo.png")}" alt="shapez.io Logo"> <img src="${cachebust("res/logo.png")}" alt="shapez.io Logo">
<span class="updateLabel">GeoZ!</span> <span class="updateLabel">Geo<span style="color:#66bb6a">Z</span></span>
</div> </div>