@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
65 lines • 2.05 kB
CSS
._badge_1yjyg_4q8sp_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;
font-size:1.2rem;
font-size:var(--size-font-body-50-3LgOeB, 1.2rem);
line-height:1.6rem;
line-height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
display:inline-block;
border-radius:1.6rem;
padding:0 0.8rem;
padding:0 var(--space-xs-qJuxzO, 0.8rem);
color:#fafafa;
color:var(--color-text-notification-default-yKNU8Y, #fafafa);
}
._badge_1yjyg_4q8sp_3._badge-color-grey_1yjyg_4q8sp_19:not(#\9){
background-color:#545b64;
background-color:var(--color-background-notification-grey-3MrzkF, #545b64);
}
._badge_1yjyg_4q8sp_3._badge-color-green_1yjyg_4q8sp_22:not(#\9){
background-color:#1d8102;
background-color:var(--color-background-notification-green-2klHNN, #1d8102);
}
._badge_1yjyg_4q8sp_3._badge-color-blue_1yjyg_4q8sp_25:not(#\9){
background-color:#0073bb;
background-color:var(--color-background-notification-blue-3H8Hch, #0073bb);
}
._badge_1yjyg_4q8sp_3._badge-color-red_1yjyg_4q8sp_28:not(#\9){
background-color:#d13212;
background-color:var(--color-background-notification-red-1SZf5y, #d13212);
}