forms.less 1.3 KB

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