src/pybind/mgr/dashboard/frontend/src/app/shared/components/wizard/wizard.component.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

@use './src/styles/vendor/variables' as vv;

::ng-deep cd-wizard {
  width: 15%;
}

.card-body {
  padding-left: 0;
}

span.circle-step {
  background: vv.$gray-500;
  border-radius: 0.8em;
  color: vv.$white;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;

  &.active {
    background-color: vv.$primary;
  }
}

.nav-pills .nav-link {
  background-color: vv.$white;
  color: vv.$gray-800;

  &.active {
    color: vv.$primary;
  }
}