@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
174 lines (165 loc) • 5.21 kB
CSS
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
-webkit-transition:width 135ms linear;
-webkit-transition:width var(--motion-duration-moderate-3V3IbE, 135ms) linear;
transition:width 135ms linear;
transition:width var(--motion-duration-moderate-3V3IbE, 135ms) linear;
}
@media (prefers-reduced-motion: reduce){
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
animation:none;
-webkit-transition:none;
transition:none;
}
}
.awsui-motion-disabled ._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
animation:none;
-webkit-transition:none;
transition:none;
}
._result-state_11huc_x31qc_19:not(#\9){
animation:_awsui-motion-fade-in_11huc_x31qc_1 180ms ease-out;
animation:_awsui-motion-fade-in_11huc_x31qc_1 var(--motion-duration-transition-show-paced-2crOWV, 180ms) var(--motion-easing-transition-show-paced-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in_11huc_x31qc_1{
from{
opacity:0.2;
}
to{
opacity:1;
}
}
@media (prefers-reduced-motion: reduce){
._result-state_11huc_x31qc_19:not(#\9){
animation:none;
transition:none;
}
}
.awsui-motion-disabled ._result-state_11huc_x31qc_19:not(#\9){
animation:none;
transition:none;
}
._root_11huc_x31qc_41: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;
}
._with-result-button_11huc_x31qc_51:not(#\9){
padding-right:1.6rem;
padding-right:var(--space-m-3o9QS_, 1.6rem);
}
._result-button_11huc_x31qc_63:not(#\9){
display:inline-block;
margin:0.4rem 0;
margin:var(--space-scaled-xxs-wz9S8K, 0.4rem) 0;
}
._word-wrap_11huc_x31qc_68:not(#\9){
min-width:0;
-ms-word-break:break-all;
word-break:break-word;
}
._flash_11huc_x31qc_74:not(#\9){
color:inherit;
}
._progress-container_11huc_x31qc_78:not(#\9){
display:flex;
align-items:center;
max-width:800px;
height:2.2rem;
height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
}
._percentage-container_11huc_x31qc_85:not(#\9){
width:3.3rem;
flex-shrink:0;
white-space:nowrap;
text-align:right;
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);
}
._progress_11huc_x31qc_5:not(#\9){
width:100%;
margin-right:1.2rem;
margin-right:var(--space-s-3LgOeB, 1.2rem);
min-width:0;
height:0.4rem;
border:0 none;
box-sizing:border-box;
border-radius:10px;
background-color:#eaeded;
background-color:var(--color-background-progress-bar-layout-default-p5fVsz, #eaeded);
}
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-bar{
height:0.4rem;
border:0 none;
box-sizing:border-box;
border-radius:10px;
background-color:#eaeded;
background-color:var(--color-background-progress-bar-layout-default-p5fVsz, #eaeded);
}
._progress_11huc_x31qc_5:not(#\9)::-webkit-progress-value{
border-radius:10px;
background-color:#0073bb;
background-color:var(--color-background-progress-bar-content-default-3H8Hch, #0073bb);
}
._progress_11huc_x31qc_5:not(#\9)::-moz-progress-bar{
border-radius:10px;
background-color:#0073bb;
background-color:var(--color-background-progress-bar-content-default-3H8Hch, #0073bb);
}
._progress_11huc_x31qc_5:not(#\9)::-ms-fill{
border-radius:10px;
background-color:#0073bb;
border:none;
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9){
background-color:rgba(255, 255, 255, 0.25);
background-color:var(--color-background-progress-bar-layout-in-flash-PTudrL, rgba(255, 255, 255, 0.25));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-webkit-progress-bar{
background-color:rgba(255, 255, 255, 0.25);
background-color:var(--color-background-progress-bar-layout-in-flash-PTudrL, rgba(255, 255, 255, 0.25));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-webkit-progress-value{
background-color:rgba(255, 255, 255, 0.7);
background-color:var(--color-background-progress-bar-content-in-flash-39h2an, rgba(255, 255, 255, 0.7));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-moz-progress-bar{
background-color:rgba(255, 255, 255, 0.7);
background-color:var(--color-background-progress-bar-content-in-flash-39h2an, rgba(255, 255, 255, 0.7));
}
._progress_11huc_x31qc_5._progress-in-flash_11huc_x31qc_128:not(#\9)::-ms-fill{
background-color:rgba(255, 255, 255, 0.7);
}