123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- @import '../../input/style/mixin';
- .form-control-validation(
- @text-color: @input-color;
- @border-color: @input-border-color;
- @background-color: @input-bg;
- @hoverBorderColor: @primary-color-hover;
- @outlineColor: @primary-color-outline;
- ) {
- .@{ant-prefix}-form-item-split {
- color: @text-color;
- }
- }
- // Reset form styles
- // -----------------------------
- // Based on Bootstrap framework
- .reset-form() {
- legend {
- display: block;
- width: 100%;
- margin-bottom: 20px;
- padding: 0;
- color: @text-color-secondary;
- font-size: @font-size-lg;
- line-height: inherit;
- border: 0;
- border-bottom: @border-width-base @border-style-base @border-color-base;
- }
- label {
- font-size: @font-size-base;
- }
- input[type='search'] {
- box-sizing: border-box;
- }
- // Position radios and checkboxes better
- input[type='radio'],
- input[type='checkbox'] {
- line-height: normal;
- }
- input[type='file'] {
- display: block;
- }
- // Make range inputs behave like textual form controls
- input[type='range'] {
- display: block;
- width: 100%;
- }
- // Make multiple select elements height not fixed
- select[multiple],
- select[size] {
- height: auto;
- }
- // Focus for file, radio, and checkbox
- input[type='file']:focus,
- input[type='radio']:focus,
- input[type='checkbox']:focus {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- // Adjust output element
- output {
- display: block;
- padding-top: 15px;
- color: @input-color;
- font-size: @font-size-base;
- line-height: @line-height-base;
- }
- }
|