@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
167 lines • 9.54 kB
CSS
._column-layout_vvxn7_26mty_3:not(#\9){
border-collapse:separate;
border-spacing:0;
caption-side:top;
cursor:auto;
direction:ltr;
empty-cells:show;
font-family:serif;
font-size:medium;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-stretch:normal;
line-height:normal;
hyphens:none;
letter-spacing:normal;
list-style:disc outside none;
tab-size:8;
text-align:left;
text-align-last:auto;
text-indent:0;
text-shadow:none;
text-transform:none;
visibility:visible;
white-space:normal;
widows:2;
word-spacing:normal;
box-sizing:border-box;
font-size:1.4rem;
font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
color:#16191f;
color:var(--color-text-body-default-2ZjSsg, #16191f);
font-weight:400;
font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
word-wrap:break-word;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13:not(#\9){
margin:calc(2rem / -2);
margin:calc(var(--space-grid-gutter-17GFGI, 2rem) / -2);
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-no-gutters_vvxn7_26mty_16:not(#\9){
margin:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19:not(#\9){
margin:calc(-1 * 2rem);
margin:calc(-1 * var(--space-grid-gutter-17GFGI, 2rem));
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19 > *:not(#\9){
border-left:1px solid #eaeded;
border-left:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-breakpoint-default_vvxn7_26mty_25 > *:not(#\9):nth-child(1n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-1_vvxn7_26mty_28._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(1n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-1_vvxn7_26mty_28._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(1n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(2n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(3n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-variant-text-grid_vvxn7_26mty_19._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(4n+1){
border-left-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13:not(#\9):not(._grid-no-gutters_vvxn7_26mty_16) > *{
padding:calc(2rem / 2);
padding:calc(var(--space-grid-gutter-17GFGI, 2rem) / 2);
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13:not(#\9):not(._grid-no-gutters_vvxn7_26mty_16)._grid-variant-text-grid_vvxn7_26mty_19 > *{
padding:0 2rem;
padding:0 var(--space-grid-gutter-17GFGI, 2rem);
margin:2rem 0;
margin:var(--space-grid-gutter-17GFGI, 2rem) 0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59 > *:not(#\9){
border-right:1px solid #eaeded;
border-right:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-breakpoint-default_vvxn7_26mty_25 > *:not(#\9):nth-child(1n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-1_vvxn7_26mty_28._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(1n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-1_vvxn7_26mty_28._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(1n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(2n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(3n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-child(2n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-vertical-borders_vvxn7_26mty_59._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-child(4n){
border-right-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89 > *:not(#\9){
border-bottom:1px solid #eaeded;
border-bottom:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89 > *:not(#\9):last-child{
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-last-child(2):nth-child(2n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-2_vvxn7_26mty_34._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(2n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-last-child(2):nth-child(2n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(3n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(3n+2){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-3_vvxn7_26mty_40._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(3):nth-child(3n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xxs_vvxn7_26mty_28 > *:not(#\9):nth-last-child(2):nth-child(2n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(4n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(4n+2){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(2):nth-child(4n+3){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(3):nth-child(4n+1){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(3):nth-child(4n+2){
border-bottom-width:0;
}
._column-layout_vvxn7_26mty_3 > ._grid_vvxn7_26mty_13._grid-horizontal-borders_vvxn7_26mty_89._grid-columns-4_vvxn7_26mty_46._grid-breakpoint-xs_vvxn7_26mty_31 > *:not(#\9):nth-last-child(4):nth-child(4n+1){
border-bottom-width:0;
}