normform.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .gf-form {
  2. margin-top: 3px;
  3. margin-right: 3px;
  4. display: inline-block;
  5. .checkbox-label {
  6. display: inline;
  7. padding: 8px 7px 8px 4px;
  8. }
  9. .cr1 {
  10. margin-left: 8px;
  11. }
  12. }
  13. .gf-form-group {
  14. margin-bottom: 20px;
  15. }
  16. .gf-form-button-row {
  17. margin-top: 20px;
  18. margin-bottom: 10px;
  19. }
  20. .gf-form-label {
  21. background-color: @labelBackground;
  22. display: inline-block;
  23. padding: 8px 7px;
  24. .small;
  25. }
  26. [type=text],
  27. [type=email],
  28. [type=number],
  29. [type=password], {
  30. &.gf-form-input {
  31. border: none;
  32. margin: 0px;
  33. border-radius: 0;
  34. padding: 8px 6px;
  35. height: 100%;
  36. box-sizing: border-box;
  37. font-size: 15px;
  38. }
  39. }
  40. input[type=checkbox].gf-form-checkbox {
  41. margin: 0;
  42. }
  43. select.gf-form-input {
  44. border: none;
  45. margin: 0px;
  46. border-radius: 0;
  47. height: 36px;
  48. padding: 9px 3px;
  49. font-size: 15px;
  50. }
  51. .gf-size-xs { width: 60px;}
  52. .gf-size-s { width: 80px;}
  53. .gf-size-ms { width: 100px;}
  54. .gf-size-m { width: 120px; }
  55. .gf-size-l { width: 150px; }
  56. .gf-size-xl { width: 200px; }
  57. .gf-size-xxl { width: 300px; }
  58. .gf-size-xxxl { width: 400px; }
  59. .gf-size-auto { width: auto; }