Initial commit

assets/css/layout.scss

@@ -0,0 +1,53 @@
+body {
+    overflow: hidden;
+}
+
+#page-container {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    overflow: hidden;
+    width: 100vw;
+}
+
+#header-container, #footer-container {
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    overflow: hidden;
+    padding: 0 20px;
+    z-index: 2;
+}
+
+#header-container {
+    max-height: 64px;
+}
+
+#main-container {
+    display: flex;
+    flex-direction: row;
+    flex-grow: 1;
+    flex-wrap: nowrap;
+    overflow: hidden;
+    z-index: 1;
+}
+
+#main-left-container, #main-center-container, #main-right-container {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+#main-left-container, #main-right-container {
+    flex-shrink: 0;
+}
+
+#main-center-container {
+    flex-grow: 1;
+    max-width: 100%;
+}
+
+#footer-container {
+    max-height: 32px;
+}