React to the Left of Me, Foundation to the Right, and Here I am: Stuck in the Middle with CSS
The new Foundation pages are being rendered with React, a JavaScript library specifically designed to handle page layout and styling.
While it's possible to apply CSS on top of a react component, it slows performance and can lead to unexpected - potentially site-breaking - results.
From now on when customers ask about applying CSS to their site, we should translate their questions into requests for Theme Variables and submit them to product (or, better, ask them to submit them to the Product Ideas category with language similar to this post).
I will often go so far as to help them frame their question as a request for a theme variable (the more specific the request, the better), such as this question from Reckon about styling announcements differently on the discussions page:
We would like to be able to style Announcement posts on the discussions page. Having theme variables that would allow us to alter the following would be very useful:
1 Border
2 Background color
3 Meta background colors
Can you please add theme variables to allow us to do this?