@itwin/itwinui-css/css/transfer-list.css

CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
.iui-transfer-list-wrapper{column-gap:var(--iui-size-xs);grid-template-rows:1fr auto;grid-template-columns:1fr auto 1fr;display:grid}.iui-transfer-list-listbox-wrapper{gap:var(--iui-size-2xs);flex-direction:column;flex:1;display:flex}.iui-transfer-list-listbox{--iui-surface-border:1px solid var(--iui-color-border-subtle);--iui-surface-elevation:none;background-color:var(--iui-color-background);border:var(--iui-surface-border);border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);block-size:calc((var(--iui-component-height) - 1px)*4.5);overflow-y:auto}.iui-transfer-list-toolbar{gap:var(--iui-size-2xs);flex-direction:column;flex:1;justify-content:flex-end;display:flex}