Rewrite styles to scss and use i respective components

2020-07-17 08:44:02 +02:00
parent be0241674c
commit 73865eb209
94 changed files with 969 additions and 974 deletions
--- a/src/styles/components/page.scss
+++ b/src/styles/components/page.scss
@@ -0,0 +1,35 @@
+.page {
+  max-width: 1200px;
+  min-height: 100%;
+  margin: 0 auto;
+  padding: 0 15px;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+
+  &__header {
+    flex: 0 0 auto;
+    margin-bottom: 20px;
+    position: relative;
+    z-index: 100;
+
+   @media (--until-sm) {
+     margin: 0
+   }
+
+    @media (--until-lg) {
+      .nav {
+        display: none;
+      }
+    }
+  }
+
+  &__content {
+    flex: 1 1 auto;
+  }
+
+  &__footer {
+    margin-top: 5px;
+    flex: 0 0 auto;
+  }
+}