UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

45 lines (42 loc) 1.39 kB
/* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ /* Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. SPDX-License-Identifier: Apache-2.0 */ .awsui_root_1vtzr_1tlkk_9:not(#\9) { /* used in test-utils */ } .awsui_view-button_1vtzr_1tlkk_13:not(#\9) { /* used in test-utils */ } .awsui_browse-button_1vtzr_1tlkk_17:not(#\9) { /* used in test-utils */ } .awsui_layout_1vtzr_1tlkk_21:not(#\9) { display: flex; flex-wrap: wrap; align-items: flex-end; margin-block: calc(-1 * var(--space-xs-edba2s, 8px)); margin-inline: calc(-1 * var(--space-xs-edba2s, 8px)); /* stylelint-disable-next-line selector-max-universal */ } .awsui_layout_1vtzr_1tlkk_21 > *:not(#\9) { margin-block: var(--space-xs-edba2s, 8px); margin-inline: var(--space-xs-edba2s, 8px); } .awsui_layout-uri_1vtzr_1tlkk_33:not(#\9) { min-inline-size: 200px; flex: 1; } .awsui_layout-version_1vtzr_1tlkk_37:not(#\9) { max-inline-size: 180px; min-inline-size: 140px; inline-size: 20%; } .awsui_layout-divider_1vtzr_1tlkk_42:not(#\9) { block-size: calc(2 * var(--border-divider-section-width-4f9905, 1px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + var(--line-height-body-m-0awzkk, 22px)); border-inline-start: var(--border-divider-section-width-4f9905, 1px) solid var(--color-border-divider-default-g2zqci, #eaeded); }