Newer
Older
#root {
width: 100%;
height: 100%;
position: relative;
.root-container {
margin-left: 0;
transition: margin-left 0.2s linear;
min-width: min-content;
.level-container {
position: relative;
width: 800px;
height: 800px;
}
.level-tile {
background-color: rgba(12,55,66,0.2);
position: absolute;
z-index: -1;
}
.level-entity {
position: absolute;
z-index: 10;
}
.render-controls {
width: 400px;
padding: 10px;
position: absolute;
margin-left: -420px;
transition: margin-left 0.2s linear;
.render-controls-row {
display: flex;
height: 100px;
align-items: center;
.render-controls-row label{
flex: 1;
.render-controls-row input {
flex: 3;
}