forms.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /*
  2. * Component: Form
  3. * ---------------
  4. */
  5. .form-control {
  6. .border-radius(@input-radius)!important;
  7. box-shadow: none;
  8. border-color: @gray;
  9. &:focus {
  10. border-color: @light-blue !important;
  11. box-shadow: none;
  12. }
  13. &::-moz-placeholder {
  14. color: #bbb;
  15. opacity: 1;
  16. }
  17. &:-ms-input-placeholder {
  18. color: #bbb;
  19. }
  20. &::-webkit-input-placeholder {
  21. color: #bbb;
  22. }
  23. &:not(select) {
  24. -webkit-appearance: none;
  25. -moz-appearance: none;
  26. appearance: none;
  27. }
  28. }
  29. .form-group {
  30. &.has-success {
  31. label {
  32. color: @green;
  33. }
  34. .form-control {
  35. border-color: @green !important;
  36. box-shadow: none;
  37. }
  38. }
  39. &.has-warning {
  40. label {
  41. color: @yellow;
  42. }
  43. .form-control {
  44. border-color: @yellow !important;
  45. box-shadow: none;
  46. }
  47. }
  48. &.has-error {
  49. label {
  50. color: @red;
  51. }
  52. .form-control {
  53. border-color: @red !important;
  54. box-shadow: none;
  55. }
  56. }
  57. }
  58. /* Input group */
  59. .input-group {
  60. .input-group-addon {
  61. .border-radius(@input-radius);
  62. border-color: @gray;
  63. background-color: #fff;
  64. }
  65. }
  66. /* button groups */
  67. .btn-group-vertical {
  68. .btn {
  69. &.btn-flat:first-of-type, &.btn-flat:last-of-type {
  70. .border-radius(0);
  71. }
  72. }
  73. }
  74. .icheck > label {
  75. padding-left: 0;
  76. }