acud/es/form/style/components.less

acg react 组件库

/**
 * @file Style of form children components
 * @author chenqiang(chenqiang03)
 */

@import './index';

.@{form-item-prefix-cls} {
    .@{acud-prefix}-mentions {
        height: auto;
    }

    // input[type=file]
    .@{acud-prefix}-upload {
        background: transparent;

        // &.@{acud-prefix}-upload-drag {
        //     background: @background-color-light;
        // }
    }

    input[type='radio'],
    input[type='checkbox'] {
        width: 14px;
        height: 14px;
    }

    // Radios and checkboxes on same line
    .@{acud-prefix}-radio-inline,
    .@{acud-prefix}-checkbox-inline {
        display: inline-block;
        margin-left: 8px;
        font-weight: normal;
        vertical-align: middle;
        cursor: pointer;

        &:first-child {
            margin-left: 0;
        }
    }

    .@{acud-prefix}-checkbox-vertical,
    .@{acud-prefix}-radio-vertical {
        display: block;
    }

    .@{acud-prefix}-checkbox-vertical + .@{acud-prefix}-checkbox-vertical,
    .@{acud-prefix}-radio-vertical + .@{acud-prefix}-radio-vertical {
        margin-left: 0;
    }

    .@{acud-prefix}-input-number {
        + .@{form-prefix-cls}-text {
            margin-left: 8px;
        }

        &-handler-wrap {
            z-index: 2;
        }
    }

    // Don't impact select inside input group & calendar header select
    .@{acud-prefix}-picker-calendar-year-select,
    .@{acud-prefix}-picker-calendar-month-select,
    .@{acud-prefix}-input-group .@{acud-prefix}-select,
    .@{acud-prefix}-input-group .@{acud-prefix}-cascader-picker {
        width: auto;
    }
}