elr-scss-forms

a scss mixin for forms


Keywords
sass, css, mixins, forms, forms, scss, scss-mixin
License
ICU
Install
npm install elr-scss-forms@0.0.15

Documentation

elr-scss-forms

License: MIT npm

a library of sass mixins

View Demo

Installation

Download node at nodejs.org and install it, if you haven't already.

npm install elr-scss-forms --save

or

yarn add elr-scss-forms

Implementation

@import "elr-scss-form/src/main";

.form {
  @include elr-form;
}

Basic Form

<form class="form">
  <div class="form-row">
    <div class="input-group">
      <label for="fav-animal">Favorite Animal</label>
      <div class="input-wrapper">
        <span class="input-icon"><i class="fa fa-lock"></i></span>
        <input id="fav-animal" type="text" placeholder="penguins" />
      </div>
      <small class="input-helper-text">This is some helper text</small>
    </div>
    <div class="input-group">
      <label for="fav-place">Favorite Place</label>
      <div class="input-wrapper">
        <input id="fav-place" type="text" placeholder="Italy" />
      </div>
    </div>
  </div>
  <div class="form-buttons">
    <button type="submit" class="button">Submit</button>
  </div>
</form>

License

SEE LICENSE IN LICENSE.md