styled sign in form and applied grid

bottega-code-school · Jul 10, 2018 · 7c69d70 · 7c69d70
1 parent 1c40a83
commit 7c69d70
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/src/style/auth/signin.scss b/src/style/auth/signin.scss
@@ -2,13 +2,31 @@
     grid-row: content-s/content-e;
     grid-column: s/e;
 
+    &__page-title {
+
+    }
+
     &__form {
-
+        display: grid;
+        grid-template-rows: [email-s] 64px [email-e password-s] 64px [password-e] minmax(20px, 289px) [line-s] 2px [line-e login-s] 38px [login-e];
     }
 }
 
 .sign-in-form {
+    &__email {
+        grid-row: email-s/email-e;
+    }
+    &__password {
+        margin-top: 15px;
+        grid-row: password-s/password-e;
+    }
     &__line {
+        grid-row: line-s/line-e;
         border-top: 1px solid #ccc;
+
+    }
+    &__login {
+        margin-top: 39px;
+        grid-row: login-s/login-e;
     }
 }
diff --git a/src/style/page-title.scss b/src/style/page-title.scss
@@ -3,4 +3,7 @@
     font-family: 'Titillium Web';
     font-size: 30px;
     font-weight: 600;
+
+    margin-top: 38px;
+    margin-bottom: 59px;
 }