//== Forms
//
//##

// Legends

$legend-color:                   ui-color(u-dark-gray) !default;
$legend-border-color:            ui-color(u-lighter-gray) !default;


// Inputs

$input-color:                    $text-color !default;
$input-placeholder-color:        transparentize($text-color, .6) !default;
$input-bg:                       ui-color(u-white) !default;
$input-error-bg:                 hsl(49, 92%, 98%) !default;
$input-border:                   ui-color(u-light-gray) !default;
$input-border-radius:            $border-radius-base !default;

$input-height-base:              ($line-height-base  + ($padding-base-vertical  * 2) + rem(2px)) !default;
$input-height-large:             ($line-height-large + ($padding-large-vertical * 2) + rem(2px)) !default;
$input-height-small:             ($line-height-small + ($padding-small-vertical * 2) + rem(2px)) !default;

$input-disabled-bg:              rgba(0,0,0,.02) !default;
$input-focus-border:             #66AFE9 !default;

// Input icons
$input-icon-color:               $input-color !default;
$input-icon-font-size-delta:     .2 !default;
$input-icon-width:               rem(20px) !default;

// Labels
$label-font-weight:              $font-weight-bold !default;
$label-margin-bottom:            5px !default;


// Help text
$help-block-font-size:           $font-size-small !default;
$help-block-opacity:             $text-muted-opacity !default;

// Spacing
$input-check-padding:            24px !default;


// Character counter
$character-counter-font-size:    em($font-size-xs) !default;
$character-counter-line-height:  $line-height-xs-ratio !default;