fleet/frontend/components/loaders/ProgressBar/_styles.scss
noahtalerman 0f48eb8525
Bring new style variables from teams into master (#707)
This PR brings the style changes made in the "Align Fleet UI colors with Figma components"
#615 and "Align Fleet UI with Figma (spacing and fonts)" #628 PRs into the master branch.
2021-04-30 17:32:50 -04:00

23 lines
376 B
SCSS

.progress-bar {
display: flex;
background-color: $ui-fleet-black-25;
height: 10px;
overflow: hidden;
border-radius: 2px;
margin-top: $pad-xsmall;
&__progress {
height: 100%;
overflow: hidden;
transition: width 300ms ease-in;
&--error {
background-color: $ui-error;
}
&--success {
background-color: $ui-success;
}
}
}