$form-line-height: 1.4 !default;
$form-color-error: #c00 !default;

$form-gutter: 20px !default;

$form-input-radius: 0 !default;
$form-input-shadow: inset 0 1px 3px transparentize(black, 0.95) !default;
$form-input-padding: 10px !default;
$form-input-padding-vertical: round(min(1, 1 / $form-line-height) * $form-input-padding) !default;
$form-input-padding-horizontal: $form-input-padding !default;
$form-input-color: black !default;
$form-input-background: #f8f8f8 !default;
$form-input-background-hover: #f3f3f3 !default;
$form-input-background-active: $form-input-background-hover !default;
$form-input-placeholder: transparentize(black, 0.5) !default;

$form-input-border-width: 1px !default;
$form-input-border-style: solid !default;
$form-input-border-color: #d7d7d7 !default;
$form-input-border-color-hover: null !default;
$form-input-border-color-active: $form-input-border-color-hover !default;

$form-size-xs: em(100px) !default;
$form-size-s: em(160px) !default;
$form-size-m: em(200px) !default;
$form-size-l: em(250px) !default;
$form-size-xl: em(300px) !default;

// Extension: focus
$form-focus-outline: 1px dotted gray !default;
$form-focus-outline-offset: 2px !default;

// Extension: label float
$form-label-gap: 0px !default;
$form-label-scale: 0.85 !default;

// Extension: label required
$form-label-required: ' *' !default;
$form-label-required-color: crimson !default;

// Extension: label optional
$form-label-optional: ' (optional)' !default;
$form-label-optional-color: null !default;

// Extension: column style
$form-column-label: em(150px) !default;
$form-column-disable: em(250px) !default;

// Extension: select (SVG)
$form-select-color: #333 !default;
$form-select-double: false !default;
$form-select-strength: 2 !default;
$form-select-svg: '../svg/form-select.svg' !default;

$form-select-size: 1em !default;

// Extension: radio/checkbox (SVG)
$form-radio-checkbox-size: 1.5em !default;

$form-radio-color: #333 !default;
$form-radio-radius: 50% !default;
$form-radio-strength: 10 !default;
$form-radio-padding: 2px !default;
$form-radio-svg: '../svg/form-radio.svg' !default;

$form-checkbox-color: #333 !default;
$form-checkbox-radius: 2px !default;
$form-checkbox-cross: false !default;
$form-checkbox-strength: 3 !default;
$form-checkbox-padding: 2px !default;
$form-checkbox-svg: '../svg/form-checkbox.svg' !default;
