login page styles and markup

2018-09-05 10:10:37 -04:00
parent 4ccd84fe6d
commit f513e5ce35
2 changed files with 62 additions and 13 deletions
--- a/styles/sections/_login.scss
+++ b/styles/sections/_login.scss
@@ -1,3 +1,23 @@
-.login-area {
- text-align: center;
-}
+.login-layout {
+  align-items: center;
+  justify-content: center;
+
+  .login-container {
+    max-width: 70rem;
+
+    .login-banner {
+      text-align: center;
+      margin-bottom: $gap * 10;
+
+      .login-banner__heading {
+        @include h1;
+      }
+
+      .login-banner__logo {
+        display: block;
+        max-width: 15rem;
+        margin: ($gap * 2) auto;
+      }
+    }
+  }
+}