ds4/scss/components/actor/_actor_properties.scss

42 lines
836 B
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;
}
}