35 lines
526 B
SCSS
35 lines
526 B
SCSS
:host {
|
|
.separator {
|
|
width: 100px;
|
|
background: grey;
|
|
height: 4px;
|
|
border-radius: 3px;
|
|
|
|
&.is-active {
|
|
background: blue;
|
|
}
|
|
}
|
|
|
|
.step {
|
|
border-radius: 100px;
|
|
border: solid 2px grey;
|
|
padding: 1rem 1.5rem;
|
|
background: white;
|
|
width: 1.5rem;
|
|
float: left;
|
|
display: flex;
|
|
margin-right: 1rem;
|
|
|
|
|
|
&.is-active {
|
|
color: black;
|
|
border-color: blue;
|
|
}
|
|
|
|
&.is-inactive {
|
|
background: grey;
|
|
border-color: black;
|
|
color: white;
|
|
}
|
|
}
|
|
}
|