azure-devops-ui
Version:
React components for building web UI in Azure DevOps
43 lines (40 loc) • 1.21 kB
CSS
.bolt-progress-bar-container {
background: rgba( 218, 218, 218 , 1 );
background: rgba( var(--palette-neutral-10,218, 218, 218) , 1 );
height: 3px;
position: relative;
z-index: 10;
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-progress-bar-container {
height: 6px;
}
body.ms-vss-web-vsts-theme-hc-light .bolt-progress-bar-container {
height: 6px;
}
.bolt-progress-bar-bar.complete {
opacity: 0;
}
.bolt-progress-bar-bar {
background: rgba( 16, 110, 190 , 1 );
background: rgba( var(--palette-primary-shade-10,16, 110, 190) , 1 );
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms ease-in-out, background 350ms ease-in-out;
transform-origin: left;
transform: scaleX(0);
width: 100%;
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-progress-bar-bar {
opacity: 1;
background: rgba(0, 120, 212, 1);
background: var(--focus-border-color,rgba(0, 120, 212, 1));
}
body.ms-vss-web-vsts-theme-hc-light .bolt-progress-bar-bar {
opacity: 1;
background: rgba(0, 120, 212, 1);
background: var(--focus-border-color,rgba(0, 120, 212, 1));
}
/*# sourceMappingURL=ProgressBar.css.map */