1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2025-06-13 13:04:03 +00:00
tobspr_shapez.io/src/css/ingame_hud/mode_menu_next.scss

49 lines
1.2 KiB
SCSS
Raw Normal View History

2021-04-30 12:34:11 +00:00
#ingame_HUD_PuzzleReview {
position: absolute;
2021-04-29 20:31:06 +00:00
@include S(top, 15px);
@include S(right, 10px);
display: flex;
flex-direction: column;
align-items: flex-end;
backdrop-filter: blur(D(1px));
padding: D(3px);
> .button {
@include ButtonText;
@include IncreasedClickArea(0px);
pointer-events: all;
cursor: pointer;
position: relative;
color: #333438;
transition: all 0.12s ease-in-out;
2021-04-29 16:27:46 +00:00
text-transform: uppercase;
transition-property: opacity, transform;
2021-04-29 16:27:46 +00:00
@include PlainText;
@include S(padding-right, 25px);
opacity: 1;
&:hover {
2021-04-29 16:27:46 +00:00
opacity: 0.9 !important;
}
&.pressed {
2021-04-29 16:27:46 +00:00
transform: scale(0.95) !important;
}
2021-04-29 16:27:46 +00:00
& {
/* @load-async */
background: uiResource("icons/state_next_button.png") right center / D(15px) no-repeat;
}
}
> .content {
2021-04-29 16:27:46 +00:00
@include SuperDuperSmallText;
@include S(width, 180px);
@include S(padding-right, 25px);
text-align: right;
2021-04-29 16:27:46 +00:00
text-transform: uppercase;
color: $accentColorDark;
}
}