jurassic-park-interface/sass/components/_layout.scss
2020-09-02 13:24:50 -05:00

61 lines
793 B
SCSS

#grid-container {
display: flex;
flex: 1;
}
#main-left__container, #main-right__container {
display: flex;
flex-direction: column;
}
#main-left__container {
flex: 0 0 55%;
}
#main-right__container {
display: flex;
flex: 1;
flex-direction: column;
}
#outer-container__outer {
display: flex;
flex: 0 0 60%;
height: 100%;
}
#outer-container__inner {
height: 100%;
display: flex;
flex: 1;
}
#console-display {
flex: 0 0 calc(10% - .5vw);
}
#control-panel {
flex: 1;
}
#tour-display__outer {
display: flex;
flex-direction: column;
}
#tour-display__inner {
display: flex;
flex-direction: column;
flex: 1;
}
#control-panel__inner {
display: flex;
flex-direction: column;
}
#top-level {
display: flex;
flex-direction: row;
height: 100%;
}