// Variables
$picnic-input-height: 2.1em !default;
$picnic-input-padding: math.div($picnic-separation, 2) $picnic-separation !default;
$picnic-input-background: $picnic-white !default;



// Top level selector
%input {
  line-height: 1.5;
  margin: 0;
  height: $picnic-input-height;
  padding: $picnic-input-padding;
  border: $picnic-border;
  background-color: $picnic-input-background;
  border-radius: $picnic-radius;
  transition: $picnic-transition;
  width: 100%;

  &:focus {
    border: 1px solid $picnic-primary;
    outline: 0;
  }
}