mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 12:07:02 +02:00
0b12cdcfd1
* Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License. Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at https://hashi.co/bsl-blog, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUS-1.1 * Fix test that expected exact offset on hcl file --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Sarah Thompson <sthompson@hashicorp.com> Co-authored-by: Brian Kassouf <bkassouf@hashicorp.com>
87 lines
1.7 KiB
SCSS
87 lines
1.7 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
.progress {
|
|
appearance: none;
|
|
background: $ui-gray-050;
|
|
border: none;
|
|
box-shadow: inset $box-link-shadow;
|
|
border-radius: $radius;
|
|
display: block;
|
|
height: $size-6;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
|
|
&.is-small {
|
|
height: 0.5rem;
|
|
}
|
|
&.is-narrow {
|
|
width: 30px;
|
|
}
|
|
&.is-medium {
|
|
height: $size-5;
|
|
width: 120px;
|
|
}
|
|
}
|
|
|
|
// style the container in chrome
|
|
.progress[value]::-webkit-progress-bar {
|
|
background-color: #ededed;
|
|
box-shadow: inset $box-link-shadow;
|
|
}
|
|
|
|
// style the bar in chrome
|
|
.progress[value]::-webkit-progress-value {
|
|
background-color: #4a4a4a;
|
|
border-radius: $radius;
|
|
transition: width 1s $easing;
|
|
}
|
|
|
|
// style the bar in firefox
|
|
.progress[value]::-moz-progress-bar {
|
|
border-radius: $radius;
|
|
transition: width 1s $easing;
|
|
}
|
|
|
|
.progress::-ms-fill {
|
|
background-color: #4a4a4a;
|
|
border: none;
|
|
}
|
|
|
|
// is-success and is-info are the two types of progress bars we have
|
|
.progress.is-info::-webkit-progress-value {
|
|
background-color: #3e8ed0;
|
|
}
|
|
|
|
.progress.is-info::-moz-progress-bar {
|
|
background-color: #3e8ed0;
|
|
}
|
|
|
|
.progress.is-info::-ms-fill {
|
|
background-color: #3e8ed0;
|
|
}
|
|
|
|
.progress.is-info:indeterminate {
|
|
background-image: linear-gradient(to right, #3e8ed0 30%, #ededed 30%);
|
|
}
|
|
|
|
.progress.is-success::-webkit-progress-value {
|
|
background-color: $green-500;
|
|
}
|
|
|
|
.progress.is-success::-moz-progress-bar {
|
|
background-color: $green-500;
|
|
}
|
|
|
|
.progress.is-success::-ms-fill {
|
|
background-color: $green-500;
|
|
}
|
|
|
|
.progress.is-success:indeterminate {
|
|
background-image: linear-gradient(to right, $green-500 30%, #ededed 30%);
|
|
}
|