jurassic-park-interface/sass/components/_layout.scss
2020-06-09 11:08:47 +01:00

42 lines
599 B
SCSS

#grid-container {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: auto auto;
justify-items: stretch;
height: 100%;
}
#outer-container__outer {
max-width: 90%;
height: 100%;
}
#outer-container__inner {
height: 100%;
}
#console-display {
grid-area: 4 / 1 / 5 / 2;
}
#control-panel {
grid-area: 1 / 2 / 4 / 3;
}
#map-display__outer {
grid-area: 1 / 1 / 4 / 2;
display: flex;
flex-direction: column;
}
#map-display__inner {
display: flex;
flex-direction: column;
flex: 1;
}
#control-panel__inner {
display: flex;
flex-direction: column;
}