mixin.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @import '../../input/style/mixin';
  2. .form-control-validation(
  3. @text-color: @input-color;
  4. @border-color: @input-border-color;
  5. @background-color: @input-bg;
  6. @hoverBorderColor: @primary-color-hover;
  7. @outlineColor: @primary-color-outline;
  8. ) {
  9. .@{ant-prefix}-form-item-split {
  10. color: @text-color;
  11. }
  12. }
  13. // Reset form styles
  14. // -----------------------------
  15. // Based on Bootstrap framework
  16. .reset-form() {
  17. legend {
  18. display: block;
  19. width: 100%;
  20. margin-bottom: 20px;
  21. padding: 0;
  22. color: @text-color-secondary;
  23. font-size: @font-size-lg;
  24. line-height: inherit;
  25. border: 0;
  26. border-bottom: @border-width-base @border-style-base @border-color-base;
  27. }
  28. label {
  29. font-size: @font-size-base;
  30. }
  31. input[type='search'] {
  32. box-sizing: border-box;
  33. }
  34. // Position radios and checkboxes better
  35. input[type='radio'],
  36. input[type='checkbox'] {
  37. line-height: normal;
  38. }
  39. input[type='file'] {
  40. display: block;
  41. }
  42. // Make range inputs behave like textual form controls
  43. input[type='range'] {
  44. display: block;
  45. width: 100%;
  46. }
  47. // Make multiple select elements height not fixed
  48. select[multiple],
  49. select[size] {
  50. height: auto;
  51. }
  52. // Focus for file, radio, and checkbox
  53. input[type='file']:focus,
  54. input[type='radio']:focus,
  55. input[type='checkbox']:focus {
  56. outline: thin dotted;
  57. outline: 5px auto -webkit-focus-ring-color;
  58. outline-offset: -2px;
  59. }
  60. // Adjust output element
  61. output {
  62. display: block;
  63. padding-top: 15px;
  64. color: @input-color;
  65. font-size: @font-size-base;
  66. line-height: @line-height-base;
  67. }
  68. }