You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
3.1 KiB
133 lines
3.1 KiB
/*******************************
|
|
Form
|
|
*******************************/
|
|
|
|
/*-------------------
|
|
Elements
|
|
--------------------*/
|
|
|
|
|
|
/* Text */
|
|
@paragraphMargin: 1em 0em;
|
|
|
|
/* Field */
|
|
@fieldMargin: 0em 0em 1em;
|
|
|
|
/* Form Label */
|
|
@labelFontSize: 0.875em;
|
|
@labelFontWeight: normal;
|
|
@labelMargin: 0.3em;
|
|
@labelColor: @textColor;
|
|
|
|
/* Input */
|
|
@inputWidth: 100%;
|
|
@inputFontSize: 1em;
|
|
@inputColor: @textColor;
|
|
|
|
@inputVerticalPadding: 0.65em;
|
|
@inputHorizontalPadding: 1em;
|
|
@inputBackground: #FFFFFF;
|
|
@inputBorder: 1px solid @borderColor;
|
|
@inputBorderRadius: 0.3125em;
|
|
@inputColor: @textColor;
|
|
@inputTransition:
|
|
background-color 0.2s ease,
|
|
color 0.2s ease,
|
|
box-shadow 0.2s ease,
|
|
border-color 0.2s ease
|
|
;
|
|
@inputBoxShadow: 0em 0em 0em 0em transparent inset;
|
|
|
|
@textAreaFontSize: @inputFontSize;
|
|
@textAreaHeight: 12em;
|
|
@textAreaResize: vertical;
|
|
@textAreaLineHeight: 1.33;
|
|
@textAreaMinHeight: 8em;
|
|
@textAreaMaxHeight: 24em;
|
|
|
|
/* Checkbox */
|
|
@checkboxVerticalAlign: top;
|
|
|
|
/* Divider */
|
|
@dividerMargin: 1em 0em;
|
|
|
|
/* Validation Prompt */
|
|
@validationMargin: 0em 0em 0em 1em;
|
|
@validationArrowOffset: -0.3em;
|
|
|
|
/*-------------------
|
|
States
|
|
--------------------*/
|
|
|
|
/* Disabled */
|
|
|
|
/* Focus */
|
|
@inputFocusPointerSize: 0.3em;
|
|
|
|
/* Input Focus */
|
|
@inputFocusBackground: #FFFFFF;
|
|
@inputFocusBorderColor: @selectedBorderColor;
|
|
@inputFocusColor: rgba(0, 0, 0, 0.85);
|
|
@inputFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @selectedBorderColor inset;
|
|
@inputFocusBorderRadius: 0em @inputBorderRadius @inputBorderRadius 0em;
|
|
|
|
/* Error */
|
|
@formErrorColor: @negativeColor;
|
|
@formErrorBorder: @negativeBorderColor;
|
|
@formErrorBackground: @negativeBackgroundColor;
|
|
|
|
/* Input Error */
|
|
@inputErrorPointerSize: 0.3em;
|
|
@inputErrorBorderRadius: 0em @inputBorderRadius @inputBorderRadius 0em;
|
|
@inputErrorBoxShadow: @inputErrorPointerSize 0em 0em 0em @formErrorColor inset;
|
|
|
|
/* Dropdown Error */
|
|
@dropdownErrorHoverBackground: #FFF2F2;
|
|
@dropdownErrorActiveBackground: #FDCFCF;
|
|
|
|
/* Focused Error */
|
|
@formErrorFocusColor: @negativeColorHover;
|
|
@formErrorFocusBorder: @negativeBorderColor;
|
|
@formErrorFocusBackground: @negativeBackgroundColor;
|
|
|
|
/* Input Focused Error */
|
|
@inputErrorFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @negativeColorHover inset;
|
|
|
|
/* Placeholder */
|
|
@inputPlaceholderColor: lighten(@inputColor, 70);
|
|
@inputPlaceholderFocusColor: lighten(@inputColor, 55);
|
|
@inputErrorPlaceholderColor: lighten(@formErrorColor, 10);
|
|
@inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5);
|
|
|
|
/* Loading */
|
|
@formLoaderDimmerColor: rgba(255, 255, 255, 0.6);
|
|
@formLoaderPath: "@{imagePath}/loader-large.gif";
|
|
@formLoaderPosition: 50% 50%;
|
|
|
|
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
|
|
/* Required */
|
|
@requiredColor: @negativeColor;
|
|
@requiredVerticalOffset: -0.2em;
|
|
|
|
/* Inverted */
|
|
@invertedFormColor: @invertedTextColor;
|
|
@formInvertedLoaderPath: "@{imagePath}/loader-large-inverted.gif";
|
|
@formInvertedLoaderDimmerColor: rgba(0, 0, 0, 0.8);
|
|
|
|
/*-------------------
|
|
Variations
|
|
--------------------*/
|
|
|
|
@small: 0.875em;
|
|
@large: 1.125em;
|
|
|
|
|
|
/*-------------------
|
|
Groups
|
|
--------------------*/
|
|
|
|
@inlineFieldsMargin: 0em 1em 0em 0em;
|