Skip to content

Commit

Permalink
Allow multiple "active" bullets
Browse files Browse the repository at this point in the history
This is added as a way to display all green bullets without breaking the existing behaviour where it's only necessary to apply the "active" class to a single item.
  • Loading branch information
havgry committed Aug 3, 2020
1 parent 1957381 commit 9e4858e
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/assets/scss/elements/ys-flow-steps.scss
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,7 @@
}

&--active {
$active-item-ref: &;

// Change color of line
& ~ .ys-flow-steps__item::before {
Expand All @@ -111,7 +112,7 @@
}

// "Bullets" after the active "bullet"
& ~ .ys-flow-steps__item::after {
& ~ .ys-flow-steps__item:not(#{$active-item-ref})::after {
content: counter(progress-bullet);
background-color: $ys-color-white;
background-image: none;
Expand Down

0 comments on commit 9e4858e

Please sign in to comment.