forms.less 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. //
  2. // Forms
  3. // --------------------------------------------------
  4. textarea,
  5. input[type="text"],
  6. input[type="password"],
  7. input[type="datetime"],
  8. input[type="datetime-local"],
  9. input[type="date"],
  10. input[type="month"],
  11. input[type="time"],
  12. input[type="week"],
  13. input[type="number"],
  14. input[type="email"],
  15. input[type="url"],
  16. input[type="search"],
  17. input[type="tel"],
  18. input[type="color"],
  19. .uneditable-input {
  20. // margin: 0;
  21. padding: 0 8px;
  22. border-top: 1px solid #c0c0c0;
  23. .box-shadow(inset 0 1px 2px rgba(0,0,0,0.1));
  24. min-height: 29px;
  25. // Focus state
  26. &:focus,
  27. &:hover {
  28. border-color: #b9b9b9;
  29. border-top-color: #a0a0a0;
  30. .box-shadow(inset 0 1px 2px rgba(0,0,0,0.1));
  31. }
  32. }
  33. // INPUT GROUPS
  34. // ------------
  35. .input-append,
  36. .input-prepend {
  37. .add-on {
  38. padding: 0 8px;
  39. text-shadow: none;
  40. border: 1px solid #c0c0c0;
  41. min-height: 29px;
  42. line-height: 29px;
  43. }
  44. .btn {
  45. // fix height with the append/prepend input
  46. .box-sizing(content-box);
  47. }
  48. }
  49. .uneditable-input {
  50. line-height: 29px;
  51. }
  52. // SEARCH FORM
  53. // -----------
  54. input.search-query {
  55. padding: 0 8px;
  56. .border-radius(@inputBorderRadius);
  57. }
  58. .form-search > .btn[type="submit"] {
  59. .btn-primary;
  60. padding: 0 24px;
  61. margin: 0 15px;
  62. }
  63. .form-search .input-append .search-query {
  64. .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
  65. }
  66. .form-search .input-append .btn {
  67. .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
  68. }
  69. .form-search .input-prepend .search-query {
  70. .border-radius(0 @inputBorderRadius @inputBorderRadius 0);
  71. }
  72. .form-search .input-prepend .btn {
  73. .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
  74. }
  75. // FIX FORM FIELD FEEDBACK STATES
  76. // --------------------------
  77. //.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5)
  78. //// Warning
  79. //.control-group.warning {
  80. // .formFieldState(@warningText, @warningText, @warningBackground);
  81. //}
  82. // Error
  83. .control-group.error {
  84. .formFieldState(@errorText, @errorText, @errorText);
  85. }
  86. // Success
  87. .control-group.success {
  88. .formFieldState(@successText, @successText, @successText);
  89. }
  90. // Success
  91. .control-group.info {
  92. .formFieldState(@infoText, @infoText, @infoText);
  93. }
  94. // FORM ACTIONS
  95. // ------------
  96. .form-actions {
  97. border-top: 0;
  98. }