Neomorphic form: ( in progress )
HTML
<div class="section">
<h1 class="section-title">Sign In</h1>
<p class="section-subtitle">Please fill the credential to enter</p>
<form action="#">
<div class="form-group">
<label for="email">E-mail</label>
<input
class="form-control"
id="email"
type="email"
name="email"
/>
</div>
<div class="form-group">
<label for="password">Password</label>
<input
class="form-control"
id="password"
type="password"
name="password"
/>
</div>
<div class="form-check">
</div>
<div class="form-radio">
</div>
<button
class="button button-primary"
type="submit"
>Sign In</button>
<a
class="button button-link"
href="#"
>Forgot password ?</a>
</form>
</div>
CSS
:root {
--primaryColor: rgb(108,93,189); /* hex: #6C5DBD */
--grayColor: rgb(154,154,166); /* hex: #9A9AA6 */
}
body {
background-color: var(--primaryColor);
}
