@import "../../variables";

.sz-html-input {
    display: inline-block;
    margin: $margin;

    @import "../common-nested/label-with-element-container";
    @import "../common-nested/input-native";
}

.sz-html-input-number, .sz-html-textarea {
    .input-native {
        min-width: 25px;
    }
}

.sz-html-input-color {
    .input-native {
        flex: none;
        min-width: 15px;
    }
}
.sz-html-input-date {
    .input-native {
        flex: none;
        min-width: 135px;
    }
}

.sz-html-input-datetime-local, .sz-html-input-month {
    .input-native {
        flex: none;
    }
}