mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-14 10:34:06 +02:00
28 lines
655 B
CSS
28 lines
655 B
CSS
.sui-steps {
|
|
display: flex;
|
|
gap: 0.3rem;
|
|
width: 100%;
|
|
}
|
|
.sui-steps__bar {
|
|
flex: 1;
|
|
border-radius: 999px;
|
|
background: var(--color-border);
|
|
transition: background var(--motion-fast);
|
|
}
|
|
.sui-steps--md .sui-steps__bar {
|
|
height: 0.3rem;
|
|
}
|
|
.sui-steps--sm .sui-steps__bar {
|
|
height: 0.2rem;
|
|
}
|
|
/* Completed steps: solid accent. */
|
|
.sui-steps__bar[data-state="done"] {
|
|
background: var(--color-blue);
|
|
}
|
|
/* Current step: solid accent + a soft ring so it reads as "you are here". */
|
|
.sui-steps__bar[data-state="current"] {
|
|
background: var(--color-blue);
|
|
box-shadow: 0 0 0 0.1875rem
|
|
color-mix(in srgb, var(--color-blue) 22%, transparent);
|
|
}
|