@use "../utils/mixins";

.basic-properties {
    flex: 0 0 100%;
    grid-gap: 2px;
    grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
    .basic-property {
        display: grid;
        align-content: end;
        padding-left: 1px;
        padding-right: 1px;

        & > label {
            font-weight: bold;
        }

        & > select {
            display: block;
            width: 100%;
        }

        .input-divider {
            text-align: center;
        }

        @include mixins.mark-invalid-or-disabled-input;
    }
}