I am using the stepper on a responsive site. I need to be able to scale the stepper navigation to accommodate 10 steps, i.e.: change the type size, margins, padding and background line width so they all will scale to fit the screen size at different breakpoints. I am trying to avoid horizontal scrolling.

Is there a way to set the width and have the overflow items generate double arrows that would scroll the nav.

I would like to have the option to do both: scale via CSS and have the double arrow scroll option.

How can I do that?