tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

EQ stepper and select style

Browse source
This commit is contained in:
Tykayn 2025-10-13 13:00:16 +02:00 • committed by tykayn
parent d176f57dc5
commit 159389498b
5 changed files with 54 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

22
my-workspace/projects/sae-lib/stepper/stepper.scss
View file

@ -1,8 +1,25 @@
:host {
.separator {
width: 100px;
background: grey;
height: 4px;
border-radius: 3px;
&.is-active {
background: blue;
}
}
.step {
border-radius: 1px solid grey;
padding: 1rem;
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;
@ -11,6 +28,7 @@
&.is-inactive {
background: grey;
border-color: black;
color: white;
}
}