vault/ui/app/styles/components/radial-progress.scss

21 lines
488 B
SCSS

@use '../utils/color_variables';
@use '../utils/size_variables';
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.radial-progress {
transform: rotate(-90deg) translateX(-20%);
}
.radial-progress circle {
stroke: rgba(color_variables.$grey-light, 0.5);
transition: stroke-dashoffset size_variables.$speed ease-in;
will-change: stroke-dashoffset;
stroke-linecap: round;
}
.radial-progress circle.progress-fill {
stroke: color_variables.$green;
}