// ============
// EDGE FORM 
// ============

@mixin input($style: false) {
  
  [type="text"],
  [type="password"],
  [type="date"],
  [type="time"],
  [type="datetime"],
  [type="email"],
  [type="number"],
  [type="search"],
  [type="tel"],
  [type="url"],
  select,
  textarea {
    @content;

    @if $style {
      display: block;
      width: 100%;
      outline: none;
      padding: 10px;
      border: 1px solid $passive-color;
      border-top-color: darken($passive-color, 5%);

      &:hover {
        border-color: darken($passive-color, 10%);
        @include box-shadow(inset 0 0 3px $passive-color);
      }

      &:focus {
        border-color: $main-color;
        @include box-shadow(inset 0 1px 2px rgba(black, .2) );
      }
    }
  }

}