mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-14 18:44:05 +02:00
ddf78d11ae
Co-authored-by: Claude Opus 4.8 <[email protected]> Co-authored-by: James Brunton <[email protected]> Co-authored-by: Reece Browne <[email protected]> Co-authored-by: ConnorYoh <[email protected]> Co-authored-by: Reece <[email protected]> Co-authored-by: EthanHealy01 <[email protected]> Co-authored-by: Ludy <[email protected]>
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);
|
|
}
|