ng-implementation/my-workspace/projects/sae-lib/stepper/stepper.scss
2025-10-13 13:00:16 +02:00

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;
}
}
}