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:
parent
6a28fa3b66
commit
b87b642627
@ -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;
|
||||||
}
|
}*/
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user