@dnb/eufemia/extensions/forms/Field/ArraySelection/style/dnb-array-selection.css

DNB Eufemia Design System UI Library

/*
 * Utilities
 */
.dnb-forms-field-array-selection {
  --row-gap: var(--spacing-x-small);
}
.dnb-forms-field-array-selection--variant-button {
  --row-gap: var(--spacing-small);
}
.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options {
  display: flex;
  flex-flow: column;
  row-gap: var(--row-gap);
}
.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
  align-items: flex-start;
}
.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
  line-height: 2.5rem;
}
.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--spacing-small);
  row-gap: var(--row-gap);
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
    margin-bottom: 0;
  }
}