jurassic-park-interface/sass/components/_layout.scss
2020-09-02 22:06:01 -05:00

65 lines
862 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% + .6vw);
}
#console-display > div.inner-edge__light {
padding: .25vw .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%;
}