update:

- markup input,login pages for backgrounds

Author: vdvibhu20

examples/views/form-input.hbs

@@ -8,7 +8,7 @@ INPUT TEXT
 <input type="text" class="input-text" placeholder="Enter Username">
 
 <h3>Input with Icon</h3>
-<input type="text" class="input-text icon" placeholder="Enter Username">
+<input type="text" class="input-text icon fingerprint-bg" placeholder="Enter Username">
 
 <h3>Input with Overlay Button</h3>
 <div class="input-btn">

examples/views/login.hbs

@@ -7,12 +7,12 @@
 
         <form action="">
             <div class="input-btn">
-                <input type="text" class="input-text icon" placeholder="Enter Username">
+                <input type="text" class="input-text icon user-bg" placeholder="Enter Username">
                 <button class="grey">Forgot?</button>
             </div>
 
             <div class="input-btn">
-                <input type="text" class="input-text icon" placeholder="Enter Password">
+                <input type="text" class="input-text icon fingerprint-bg" placeholder="Enter Password">
                 <button class="grey">Forgot?</button>
             </div>
 

examples/views/signup.hbs

@@ -6,20 +6,20 @@
         </div>
 
         <form action="">
-            <input type="text" class="input-text icon" placeholder="Username">
+            <input type="text" class="input-text icon user-bg" placeholder="Username">
 
             <div class="row no-gutters">
                 <div class="col-sm-12 col-md-6 first-name">
-                    <input type="text" class="input-text icon" placeholder="First Name">
+                    <input type="text" class="input-text icon lines-bg" placeholder="First Name">
                 </div>
                 <div class="col-sm-12 col-md-6 last-name">
-                    <input type="text" class="input-text icon" placeholder="Last Name">
+                    <input type="text" class="input-text icon lines-bg" placeholder="Last Name">
                 </div>
             </div>
 
-            <input type="text" class="input-text icon" placeholder="Email Address">
+            <input type="text" class="input-text icon mail-bg" placeholder="Email Address">
 
-            <input type="text" class="input-text icon" placeholder="Password">
+            <input type="text" class="input-text icon fingerprint-bg" placeholder="Password">
 
             <div class="row footer">
                 <div class="button-solid">

sass/styles/objects/form-input/form-input.scss

@@ -1,7 +1,10 @@
 .input-text{
   &.icon{
-    background: $nav-border url("/images/fingerprint.png") no-repeat 30px center;
     background-size: 35px;
     padding-left: 95px;
+    background-color: $nav-border;
+    background-repeat: no-repeat;
+    background-position-x: 30px;
+    background-position-y: center;
   }
 }

sass/styles/objects/o-login/o-login.scss

@@ -1,4 +1,5 @@
 .login-signup{
+  @include dimensions(100%, auto);
   background: url("/images/loginsvg.svg") no-repeat 50% -50px;
   background-size: 1250px;
 }