acud/lib/form/style/horizontal.less

acg react 组件库

/**
 * @file style only impact horizontal layout
 * @author chenqiang(chenqiang03)
 */

@import './index';

.@{form-prefix-cls}-horizontal {
    .@{form-item-prefix-cls}-label {
        flex-grow: 0;
        line-height: @form-line-height-base;
        padding-left: ~"calc(.5em + @{P})";
        box-sizing: content-box;

        &:not([class*=~"' @{acud-prefix}-col-'"]) {
            margin-right: 4 * @P;
        }

        > label {
            &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
                text-indent: -.5em;
                margin-left: -@P;
            }
        }
    }

    .@{form-item-prefix-cls}-control {
        flex: 1;
    }
}