Setting up view css and utilities

2023-06-09 20:41:42 +02:00
parent 97cc9d91f0
commit 669f2cfc99
14 changed files with 3652 additions and 3 deletions
--- a/view-webapp/src/main/sass/main.scss
+++ b/view-webapp/src/main/sass/main.scss
@@ -0,0 +1,28 @@
+body {
+  font-size : clamp(2rem, 10vw, 5rem);
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-items: stretch;
+  align-items: stretch;
+}
+
+#header {
+  height: 1.5em;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-items: center;
+  align-items: stretch;
+}
+
+#center {
+  max-width: clamp(800px, 80vw, 100vw);
+  margin-left: auto;
+  margin-right: auto;
+  flex: 1;
+}
+
+#footer {
+  height: 1.5em;
+}