/** @class Ext.form.field.Base */
// 
 
$form-field-padding: 4px 6px 3px !default;
 
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
$form-field-height: 24px !default;
 
// private 
$form-field-border-accent-color: mix(#fff, $neutral-medium-dark-color, 40%);
 
$form-field-border-color: $neutral-medium-dark-color $form-field-border-accent-color $form-field-border-accent-color !default;
$form-field-border-width: 1px !default;
$form-field-invalid-border-color: $error-color !default;
/**
 * @var {color} $form-field-focus-border-color
 * In the default neptune color scheme this is the same as $base-highlight-color
 * but it does not change automatically when one changes the $base-color.  This is because
 * checkboxes and radio buttons have this focus color hard coded into their background
 * images.  If this color is changed, you should also modify checkbox and radio button
 * background images to match
 */
$form-field-focus-border-color: mix(#fff, #157fcc, 15%) !default;
$form-field-background-image: 'none' !default;
$form-field-invalid-background-image: 'none' !default;