@mixin boxedfield() {
  display: block;
  border: $input-border-width solid $colour-grey-light;
  padding-left: $input-box-padding-x;
  padding-right: $input-box-padding-x;
  height: $form-field-height;
  line-height: $form-field-line-height;

  &-silent {
    border-color: transparent;
    padding-left: 0;
    padding-right: 0;
  }

  &:focus {
    border-color: $colour-blue;
  }
}