WIP - Styling of login page

3 files changed, 69 insertions, 6 deletions

diff --git a/res/client/css/partials/base.scss b/res/client/css/partials/base.scss
index bd9eba9e..6595d656 100644
--- a/res/client/css/partials/base.scss
+++ b/res/client/css/partials/base.scss
@@ -16,7 +16,6 @@ body {
   margin: 0;
   min-width: 980px;
   padding: 0;
-  color: #FFF;
   font-size: 12px;
   background-color:#f5f5fa;
 }
@@ -76,4 +75,4 @@ input{
   bottom:10px;
   right:10px;
   vertical-align: middle;
-}
+}
\ No newline at end of file
diff --git a/res/client/css/partials/login.scss b/res/client/css/partials/login.scss
index 61dc8dd9..7fbd5ce5 100644
--- a/res/client/css/partials/login.scss
+++ b/res/client/css/partials/login.scss
@@ -1,6 +1,60 @@
+* {
+    box-sizing: border-box;
+
+    &:before,
+    &:after {
+      box-sizing: border-box;
+    }
+
+  }
+
 .login-background {
   background: url(../img/login-background.jpg);
   background-repeat: no-repeat;
-  background-size: contain;
   background-position: center;
 }
+
+.welcome-box {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+  width: 600px;
+  height: 800px;
+  background: white;
+}
+
+.login-rhizi-logo {
+  margin-left: auto;
+  display: block;
+  margin-right: auto;
+  padding-top: 25px;
+}
+
+.login-header {
+  margin-top: 35px;
+  margin-bottom: 35px;
+  text-align: center;
+  color: $magenta;
+}
+
+.login-text {
+  margin-left:35px;
+  margin-right:35px;
+  text-align: center;
+}
+
+.login-form {
+  margin-top: 50px;
+  margin-bottom: 50px;
+  margin-left: 150px;
+  margin-right: 150px;
+  text-align: center;
+}
+
+.forgot-password {
+  color: $mid-grey;
+  text-decoration: none;
+  &:hover {
+    color: $dark-grey;
+  }
+}
\ No newline at end of file
diff --git a/res/client/css/partials/typography.scss b/res/client/css/partials/typography.scss
index 388afef5..e9724b5f 100644
--- a/res/client/css/partials/typography.scss
+++ b/res/client/css/partials/typography.scss
@@ -8,14 +8,24 @@ h2 {
   font-size: $h2-size;
 }
 
-h1 {
+h3 {
   font-size: $h3-size;
 }
 
-h2 {
+h4 {
   font-size: $h4-size;
 }
 
-h1 {
+h5 {
   font-size: $h5-size;
+  line-height: $base-line-height;
 }
+
+
+/* Paragraph */
+
+p {
+  font-size: $base-font-size;
+  color: $dark-grey;
+  line-height: $base-line-height;
+}
\ No newline at end of file