argo-cd

1
@import 'node_modules/argo-ui/src/styles/config';
2

3
.status-bar {
4
    $height: 16px;
5
    $border-width: 2px;
6
    margin: 0px;
7
    width: 100%;
8
    height: $height;
9
    display: flex;
10
    border-radius: 25px;
11
    border: $border-width solid white;
12

13
    &__segment {
14
        &__fill {
15
            height: $height - (2 * $border-width);
16
        }
17
    }
18

19
    &__segment:first-child {
20
        border-top-left-radius: 25px;
21
        border-bottom-left-radius: 25px;
22
    }
23

24
    &__segment:last-child {
25
        border-top-right-radius: 25px;
26
        border-bottom-right-radius: 25px;
27
    }
28

29
    &__segment:not(:first-child) {
30
        border-left: 3px solid white;
31
    }
32
}
33