]> git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/usage-bar/usage-bar.component.scss
3c57015fec799f2421c59c1244f75c6a66e3490e
[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / components / usage-bar / usage-bar.component.scss
1 @use './src/styles/vendor/variables' as vv;
2
3 .bg-info {
4 background-color: vv.$primary !important;
5 }
6
7 .bg-warning {
8 background-color: vv.$warning !important;
9 }
10
11 .bg-danger {
12 background-color: vv.$danger !important;
13 }
14
15 .bg-freespace {
16 background-color: vv.$gray-400 !important;
17 }
18
19 .progress {
20 height: 20px;
21 margin-bottom: 0;
22 position: relative;
23
24 div.progress-bar {
25 position: static;
26 }
27
28 span {
29 color: vv.$white;
30 display: block;
31 font-weight: normal;
32 position: absolute;
33 width: 100%;
34 }
35 }