sthag
ebed5a2d42
- Add first person view screen - Add HippieCrosshair class - Controls for crosshair options - Add styles to game module
46 lines
No EOL
678 B
SCSS
46 lines
No EOL
678 B
SCSS
@use "sass:map";
|
|
|
|
@use "../hippie-style/hippie";
|
|
|
|
.body_game {
|
|
@extend .h_full_view;
|
|
background-color: hotpink;
|
|
|
|
footer {
|
|
@extend .pos_abs;
|
|
@extend .pin_bottom;
|
|
@extend .width_full;
|
|
|
|
.brand {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: hippie.$space_half hippie.$space_basic;
|
|
|
|
margin: hippie.$space_basic hippie.$space_double;
|
|
|
|
& > svg {
|
|
height: 32px;
|
|
width: 32px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.body_fpv {
|
|
@extend .h_full_view;
|
|
|
|
canvas {
|
|
display: block;
|
|
cursor: none;
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.controls {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
border-radius: hippie.$radius_basic;
|
|
}
|
|
} |