Add char-icon and step-slug patterns

I expect to do this: `<span class="step-slug char-icon char-icon__1">Step one</span>`
Seems weird to have to switch from using `.char-icon__1` to `.step-slug__1`.

Is there a reason that `.step-slug` has to extend `.char-icon`?