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.

74 lines
1.7 KiB

  1. /*******************************
  2. Form
  3. *******************************/
  4. /*-------------------
  5. Elements
  6. --------------------*/
  7. /* Text */
  8. @paragraphMargin: 1em 0em;
  9. /* Field */
  10. @fieldMargin: 0em 0em 1em;
  11. /* Form Label */
  12. @labelFontSize: 0.8em;
  13. @labelTextTransform: uppercase;
  14. @groupedLabelTextTransform: none;
  15. /* Input */
  16. @inputVerticalPadding: 0.8em;
  17. @inputHorizontalPadding: 0.5em;
  18. @inputBackground: transparent;
  19. @inputBorder: none;
  20. @inputBorderRadius: 0em;
  21. @inputBoxShadow: none;
  22. @textAreaPadding: 1em;
  23. @textAreaBackground: transparent;
  24. @textAreaFocusBackground: #EEEEEE;
  25. @textAreaBorder: 1px solid #DDDDDD;
  26. /* Divider */
  27. @dividerMargin: 1em 0em;
  28. /* Validation Prompt */
  29. @validationMargin: 0em 0em 0em 1em;
  30. @validationArrowOffset: -0.3em;
  31. /*-------------------
  32. States
  33. --------------------*/
  34. /* Disabled */
  35. /* Focus */
  36. @inputFocusPointerSize: 0px;
  37. @inputErrorPointerSize: 0px;
  38. /* Dropdown Error */
  39. @dropdownErrorHoverBackground: #FFF2F2;
  40. @dropdownErrorActiveBackground: #FDCFCF;
  41. /* Focused Error */
  42. @inputErrorFocusBackground: @negativeBackgroundColor;
  43. @inputErrorFocusColor: @negativeColorHover;
  44. @inputErrorFocusBorder: @negativeBorderColor;
  45. @inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset;
  46. /* Placeholder */
  47. @inputPlaceholderColor: lighten(@inputColor, 55);
  48. @inputPlaceholderFocusColor: lighten(@inputColor, 35);
  49. @inputErrorPlaceholderColor: lighten(@formErrorColor, 10);
  50. @inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5);
  51. /* Loading */
  52. @formLoaderDimmerColor: rgba(255, 255, 255, 0.6);
  53. @formLoaderPath: "@{imagePath}/loader-large.gif";
  54. @formLoaderPosition: 50% 50%;
  55. /* (x) Wide Field */
  56. @gutterWidth: 1.5em;