CSS var: stepped process

[louismaximepiton]

CSS var for stepped process

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	c94be7b
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/62d64608e4d1410008010d7f
😎 Deploy Preview	https://deploy-preview-1281--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[louismaximepiton]

On hold until there's an answer for the second comment

[julien-deramond]

I haven't finished the technical review (CSS vars) but here are some first feedback.

I think the result observed in this PR is better but is it normal that the visible focus has changed? Not at all breakpoints but the shape is sometimes different (smaller).

[julien-deramond]

@louismaximepiton Reverted the creation of --#{$prefix}stepped-process-max-items via c94be7b because of @for $i from 1 through $stepped-process-max-items {. Indeed you won't be able to change the behavior of this loop by changing only the CSS var and having the value stored in this CSS var doesn't seem very useful in terms of reuse. We can discuss about that when you're back if I missed something and you want it to be reintroduced.

[julien-deramond]

LGTM! Visible focus has changed but will be revisited via #1189.