@import "./index-noreset.scss";
@import "../input/scss/variable.scss";
@import "../input/scss/mixin.scss";
@import "../form/scss/mixin.scss";

// 这里写样式只是为了配置的时候能够读取到变量，必须 next-form-element 开头的样式才能被读到
// 以下样式对组件没有作用
// TODO: 耦合太重，不应该把配置平台样式放在这里

.demo-body table {
    width: 100%;
}

/* stylelint-disable selector-max-class */
.next-form-element.next-input,
.next-form-element.next-select .next-input,
.next-form-element.next-time-picker .next-input {
    &.next-small {
        @include input-size($form-element-small-height, $input-s-padding, $form-element-small-font-size, $input-s-label-padding-left, $input-s-icon-padding-right);
        @include input-icon-size($form-element-small-icon-size);
        @include input-border-radius($form-element-small-corner);
    }

    &.next-medium {
        @include input-size($form-element-medium-height, $input-m-padding, $form-element-medium-font-size, $input-m-label-padding-left, $input-m-icon-padding-right);
        @include input-icon-size($form-element-medium-icon-size);
        @include input-border-radius($form-element-medium-corner);
    }

    &.next-large {
        @include input-size($form-element-large-height, $input-l-padding, $form-element-large-font-size, $input-l-label-padding-left, $input-l-icon-padding-right);
        @include input-icon-size($form-element-large-icon-size);
        @include input-border-radius($form-element-large-corner);
    }

    // stylelint-disable-next-line
    .next-select-values input {
        padding-left: 0;
        padding-right: 0;
    }
}

.next-form-element {
    .next-form-item-label {
        color: $form-element-preview-label-color;
    }
    &.next-small {
        .next-form-item-label {
            font-size: $form-element-small-preview-label-font-size;
        }
        @include form-preview($form-element-small-preview-font-size, $form-element-small-preview-height);
    }
    &.next-medium {
        .next-form-item-label {
            font-size: $form-element-medium-preview-label-font-size;
        }
        @include form-preview($form-element-medium-preview-font-size, $form-element-medium-preview-height);
    }
    &.next-large {
        .next-form-item-label {
            font-size: $form-element-large-preview-label-font-size;
        }
        @include form-preview($form-element-large-preview-font-size, $form-element-large-preview-height);
    }
}