Log In Form

By Rafi

How do I use This?

A simple log in form that can be added inside grid columns, modals, dropdown panes, or other UI components.

<form class="log-in-form">
  <h4 class="text-center">Log in with you email account</h4>
    <input type="email" placeholder="somebody@example.com">
    <input type="password" placeholder="Password">
  <input id="show-password" type="checkbox"><label for="show-password">Show password</label>
  <p><input type="submit" class="button expanded" value="Log in"></input></p>
  <p class="text-center"><a href="#">Forgot your password?</a></p>

.log-in-form {
  border: 1px solid $medium-gray;
  padding: $form-spacing;
  border-radius: $global-radius;

.log-in-form {
  border: 1px solid #cacaca;
  padding: 1rem;
  border-radius: 0;