/**
 * @class Ext.form.Labelable
 */

$form-label-font-color: $color !default;
$form-label-font-weight: normal !default;
$form-label-font-size: $font-size !default;
$form-label-font-family: $font-family !default;
$form-label-line-height: 22px !default;
$form-label-font: $form-label-font-weight #{$form-label-font-size}/#{$form-label-line-height} $form-label-font-family !default;
$form-toolbar-label-line-height: $form-toolbar-field-height !default;

/**
 * @var {measurement} $form-error-icon-width
 * Width for form error icons.
 */
$form-error-icon-height: 16px !default;
$form-error-icon-width: 16px !default;
/**
 * @var {measurement} $form-error-icon-right-margin
 * Margin for error icons that are aligned to the side of the field
 */
$form-error-icon-side-margin: 0 1px !default;

/**
 * @var {measurement} $form-error-under-icon-spacing
 * The space between the icon and the message for errors that display under the field
 */
$form-error-under-icon-spacing: 4px !default;

/**
 * @var {measurement} $form-error-under-padding
 * The space between the icon and the message for errors that display under the field
 */
$form-error-under-padding: 2px 2px 2px 0 !default;

$form-error-msg-color: $form-field-invalid-border-color !default;
$form-error-msg-font-weight: normal !default;
$form-error-msg-font-size: $font-size !default;
$form-error-msg-font-family: $font-family !default;
$form-error-msg-font: $form-error-msg-font-weight $form-error-msg-font-size $form-error-msg-font-family !default;
$form-error-msg-line-height: $form-error-icon-height !default;

$form-exclamation-icon: 'form/exclamation' !default;

/**
 * @var {measurement} $form-item-margin-bottom
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout
 */
$form-item-margin-bottom: 5px !default;