Update

Author: accgit

src/css/style.sign.in.css

@@ -14,37 +14,6 @@ img.sign-gravatar {
     margin-bottom: 20px;
 }
 
-/* form
-   ========================================================================== */
-.sign.in [type="email"],
-.sign.in [type="password"] {
-    margin: 0 0 -1px;
-    position: relative;
-    top: -1px;
-}
-
-.sign.in [type="email"] {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.sign.in [type="password"] {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-}
-
-.sign.in [type="submit"] {
-    margin-top: 15px;
-}
-
-.sign.in input:focus{
-    z-index: 1;
-}
-
-.sign.in input:first-child {
-    top: -1px;
-}
-
 /* layout
    ========================================================================== */
 .container {

src/index.html

@@ -31,11 +31,11 @@ <h1>Welcome!</h1>
 
 		<!-- sign in form -->
 		<div class="sign in">
-			<form>
-				<input type="email" placeholder="E-mail" required class="full width">
-				<input type="password" placeholder="Password" required class="full width">
+			<form class="group">
+				<input type="email" placeholder="E-mail" required class="top full width">
+				<input type="password" placeholder="Password" required class="bottom full width">
 				<div class="align right">
-					<input type="submit" class="button primary" value="Sign in">
+					<input type="submit" value="Sign in" class="button primary">
 				</div>
 			</form>
 		</div>