UNPKG

@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

98 lines (95 loc) 2.42 kB
._marker_1kjc7_odxpn_3:not(#\9){ transition:opacity 90ms linear; transition:opacity var(--motion-duration-transition-quick-2hvSaJ, 90ms) var(--motion-easing-transition-quick-2nchNs, linear); } @media (prefers-reduced-motion: reduce){ ._marker_1kjc7_odxpn_3:not(#\9){ animation:none; transition:none; } } .awsui-motion-disabled ._marker_1kjc7_odxpn_3:not(#\9){ animation:none; transition:none; } ._root_1kjc7_odxpn_17: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; } ._list_1kjc7_odxpn_31:not(#\9){ display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; } ._marker_1kjc7_odxpn_3:not(#\9){ display:inline-flex; align-items:center; margin-right:1.6rem; margin-right:var(--space-m-3o9QS_, 1.6rem); padding:0; cursor:pointer; opacity:1; } ._marker_1kjc7_odxpn_3:not(#\9):focus{ outline:none; } ._marker_1kjc7_odxpn_3[data-awsui-focus-visible=true]:not(#\9):focus{ position:relative; } ._marker_1kjc7_odxpn_3[data-awsui-focus-visible=true]:not(#\9):focus{ outline:2px dotted transparent; outline-offset:calc(2px - 1px); } ._marker_1kjc7_odxpn_3[data-awsui-focus-visible=true]:not(#\9):focus::before{ content:" "; display:block; position:absolute; left:-2px; top:-2px; width:calc(100% + 2 * 2px); height:calc(100% + 2 * 2px); border-radius:2px; box-shadow:0 0 0 2px #00a1c9; box-shadow:0 0 0 2px var(--color-border-item-focused-RH7L5U, #00a1c9); } ._marker_1kjc7_odxpn_3:not(#\9):last-child{ margin-right:0; } ._marker_1kjc7_odxpn_3._marker--dimmed_1kjc7_odxpn_71:not(#\9){ opacity:0.35; }