jurassic-park-interface/sass/components/_layout.scss
Max Stevenson 1d539ade78 Started making site more responsive.
- Replacing absolute units with relative.
- Remove vehicle graphic.
2020-09-01 17:46:58 -05:00

61 lines
781 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 60%;
}
#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 70px;
}
#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%;
}