Commit f4ccb335 by Tom Giannattasio

abstracted classes to work for both log in and sign up forms

parent d44d9ff2
.sign-up-box,
.log-in-box { .log-in-box {
width: 500px; width: 500px;
margin: 200px auto; margin: 100px auto;
border-radius: 3px; border-radius: 3px;
header { header {
...@@ -19,7 +20,7 @@ ...@@ -19,7 +20,7 @@
} }
} }
.log-in-form { form {
padding: 40px; padding: 40px;
border: 1px solid $darkGrey; border: 1px solid $darkGrey;
border-top-width: 0; border-top-width: 0;
...@@ -34,22 +35,33 @@ ...@@ -34,22 +35,33 @@
font-weight: 700; font-weight: 700;
} }
.email-field, input[type="text"],
.password-field { input[type="email"],
input[type="password"] {
width: 100%; width: 100%;
font-size: 20px; font-size: 20px;
font-weight: 300; font-weight: 300;
} }
.row { .row {
@include clearfix;
margin-bottom: 24px; margin-bottom: 24px;
.split {
float: left;
width: 48%;
&:first-child {
margin-right: 4%;
}
}
} }
.form-actions { .form-actions {
margin-bottom: 0; margin-bottom: 0;
} }
.log-in-button { input[type="submit"] {
@include blue-button; @include blue-button;
margin-right: 10px; margin-right: 10px;
padding: 8px 20px 10px; padding: 8px 20px 10px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment