src/app/features/forms/attachments/components/attachments-form-group.component.scss

/********************************************************************************
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/

$break-point: 16em;

:host {
  display: block;
  width: 100%;
}

.attachments {
  display: flex;
  flex-flow: row wrap;
  min-height: 15em;
  padding: 0.5em;
  box-sizing: border-box;
  overflow: auto;
}

.attachments--container {
  flex: 1 1 max(calc(50% - 2em), #{$break-point});
  display: flex;
  flex-flow: column;
  margin: 0.5em;
}