ds4/scss/components/actor/_actor_properties.scss

/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 * SPDX-FileCopyrightText: 2021 Oliver Rümpelein
 * SPDX-FileCopyrightText: 2021 Gesina Schwalbe
 *
 * SPDX-License-Identifier: MIT
 */

@use "../../utils/mixins";
@use "../../utils/variables";

.ds4-actor-properties {
    @include mixins.mark-invalid-or-disabled-input;
    column-gap: 0.25em;
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    &__property {
        text-align: center;
        width: 100%;

        &--wide {
            grid-column: 1 / -1;
        }
    }

    &__property-label {
        font-size: 0.9em;
        font-weight: bold;
        white-space: nowrap;
    }

    &__property-select {
        width: 100%;
        height: var(--form-field-height);
    }

    &__property-multi-input {
        display: flex;
        gap: 0.125em;
    }
}