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/entity_debugger.scss
2020-09-16 17:53:29 +03:00

63 lines
1.1 KiB
SCSS

#ingame_HUD_EntityDebugger {
position: absolute;
background: $ingameHudBg;
@include S(padding, 5px);
@include S(right, 30px);
top: 50%;
transform: translateY(-50%);
@include SuperSmallText;
color: #eee;
display: flex;
flex-direction: column;
> label {
text-transform: uppercase;
}
.hint {
color: #aaa;
}
&,
* {
pointer-events: all;
}
.propertyTable,
.entityComponents,
.entityComponents .object > div {
@include S(margin-top, 5px);
display: grid;
grid-template-columns: 1fr auto;
@include S(column-gap, 10px);
}
.entityComponents {
grid-column: 1 / 3;
font-family: "Roboto Mono", "Fira Code", monospace;
font-size: 90%;
@include S(letter-spacing, -0.5px);
label,
span {
line-height: 140%;
&:not(span) {
opacity: 0.5;
}
}
.object {
grid-column: 1 / 3;
line-height: 140%;
> div {
@include S(margin-left, 4px);
}
}
}
}