Documentation update for "Base Icon Styles" about styled-icons

[jacobwgillespie]

@KevinKra hey, thanks for opening the issue!

So the base icon styles are intended to be used how you are using them in your Stack Overflow post - if you reference StyledIconBase in a style, then those styles get applied to all icons that are children of that element. So if you had some CSS you wanted to apply to all icons in your application, you could add that CSS to a wrapper element that surrounded your whole app, etc.

It does appear that your code example works though - take a look at https://codesandbox.io/s/jolly-mendel-9q4c5?file=/src/BrandIcon.tsx.

As you can see there, the icon color is orange, since the wrapper style says the color should be orange, rather than the default of red. Let me know if that's not what you were expecting though.

[KevinKra]

Interesting, thank you for the feedback! I'll need to revisit this and mess around with it some more, for whatever reason in my implementation the color wasn't changing. Perhaps the issue lies elsewhere.

[KevinKra]

Yep, play around with it some more and it appears to be working now. Thank you again.

[jacobwgillespie]

Perfect, glad to hear! 🎉