// Field size configuration
// Normal / Default
$field-height: 50px !default;
$field-font-size: 14px !default;
$field-line-height: 20px !default;
$field-font-weight: 700 !default;
$field-border-width: 2px !default;

$button-list-border-width: 2px !default;
$button-font-size: 14px !default;
$button-font-weight: 600 !default;

$field-checkbox-padding-y: 13px !default;
$field-upload-padding-y: 13px !default;
$field-upload-button-padding-y: 12px !default;
$field-download-button-padding-y: 11px !default;
$field-single-select-padding-y: 13px !default;

$field-form-group-padding-top: 10px !default;
$field-form-group-padding-bottom: 5px !default;

$field-addon-height: 46px !default;
$field-input-group-button-height: 50px !default;
$input-group-append-button-padding: 8px !default;
$select-dropdown-button-padding: 7.5px;

$field-select-button-width: 40px !default;
$field-select-button-height: 30px !default;
$field-select-button-padding: 5px 10px !default;
$field-select-padding: 10px !default;

$field-button-list-font-size: 12px !default;
$field-button-list-font-weight: 600 !default;

$label-font-weight: 600 !default;
$label-font-size: 12px !default;
$label-svg-size: 20px !default;

// 2: Small
@if $field-size == 2 {
    $field-height: 35px;
    $field-font-size: 13px;
    $field-line-height: 10px; // To-do: for now only needed for 'no file found' but everything needs the use the same variables.
    $field-font-weight: 500;
    $field-border-width: 1px;

    $button-list-border-width: 1px;
    $button-font-size: 13px;
    $button-font-weight: 500;

    $field-checkbox-padding-y: 6.5px;
    $field-upload-padding-y: 6.5px;
    $field-upload-button-padding-y: 6.5px;
    $field-download-button-padding-y: 6px;
    $field-single-select-padding-y: 7.5px;
    $field-form-group-padding-top: 5px;
    $field-form-group-padding-bottom: 0px;

    $field-addon-height: 33px;
    $field-input-group-button-height: 37px;
    $input-group-append-button-padding: 6px;
    $field-button-list-font-weight: 500;
    $select-dropdown-button-padding: 3px;

    $field-select-button-width: 30px;
    $field-select-button-height: 20px;
    $field-select-button-padding: 0 5px;
    $field-select-padding: 5px 10px;

    $field-button-list-font-size: 11px;

    $label-font-weight: 500;
    $label-font-size: 12px;
    $label-svg-size: 17px;
}

// Label background configuration
$label-background: none !default;
$label-border: none !default;
$label-padding: 4px 10px !default;
// When the background is enabled (default)

// When the background is disabled
@if $display-label-background == false {
    $label-padding: 4px 10px;
}