/*******************************
Input
*******************************/
/*——————-
Element
——————–*/
@inputFont: @pageFont; @verticalPadding: 0.78571em; @horizontalPadding: 1em;
@lineHeight: 1.2142em; @lineHeightOffset: ((@lineHeight - 1em) / 2);
@padding: (@verticalPadding - @lineHeightOffset) @horizontalPadding;
@textAlign: left; @background: FFFFFF; @borderWidth: 1px; @border: @borderWidth solid rgba(0, 0, 0, 0.15); @boxShadow: none;
@borderRadius: @defaultBorderRadius; @transition:
background-color @transitionDuration @transitionEasing, box-shadow @transitionDuration @transitionEasing, border-color @transitionDuration @transitionEasing
;
@inputColor: @textColor;
/*——————-
Types
——————–*/
/* Icon Input */ @glyphWidth: 1.25em;
@iconWidth: (@verticalPadding * 2) + @glyphWidth; @iconOpacity: 0.5; @iconFocusOpacity: 1; @iconOffset: -0.5em;
@iconDistance: 0em; @iconMargin: @iconWidth + @iconDistance; @iconTransition: opacity 0.3s @defaultEasing;
@transparentIconWidth: @glyphWidth; @transparentIconMargin: 2em;
/* Circular Icon Input */ @circularIconVerticalOffset: 0.35em; @circularIconHorizontalOffset: 0.5em;
/* Labeled Input */ @labelCornerTop: @borderWidth; @labelCornerRight: @borderWidth; @labelCornerSize: 0.75em; @labelSize: 1em;
@labeledMargin: 2.5em; @labeledIconInputMargin: 3.25em; @labeledIconMargin: 1.25em;
/*——————-
States
——————–*/
/* Placeholder */ @placeholderColor: @unselectedTextColor; @placeholderFocusColor: @textColor;
@placeholderErrorColor: rgba(255, 80, 80, 0.4); @placeholderErrorFocusColor: rgba(255, 80, 80, 0.7);
/* Down */ @downBorderColor: rgba(0, 0, 0, 0.3); @downBackground: FAFAFA; @downColor: @textColor; @downBoxShadow: none;
/* Focus */ @focusBorderColor: @selectedBorderColor; @focusBackground: @background; @focusColor: @hoveredTextColor; @focusBoxShadow: none;
/* Error */ @errorBackground: @negativeBackgroundColor; @errorBorder: @negativeBorderColor; @errorColor: @negativeColor; @errorBoxShadow: none;
/* Loader */ @loaderSize: 1.2857em; @loaderOffset: -(@loaderSize / 2); @loaderMargin: @loaderOffset 0em 0em @loaderOffset; @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
/*——————-
Variations
——————–*/
/* Inverted */ @transparentInvertedPlaceholderColor: @invertedUnselectedTextColor; @transparentInvertedColor: @white;
/* Sizing */ @mini: 0.8125rem; @small: 0.875rem; @medium: 1rem; @large: 1.125rem; @big: 1.25rem; @huge: 1.375rem; @massive: 1.5rem;