Styling children elements in styled-jsx doesn’t have an ideal solution. Here’s one way.
Single-line spacing is easy. Let’s space out flexbox elements over multiple lines. (Also not bad.)
"style" attribute in package.json is useful for importing CSS packages. Here’s a way to utilize it.
I need daily inspiration to stay hopeful about the present and the future. Just like eating and fueling up daily, I acknowledge my daily reliance on God’s greater strength. I hope these inspired words are available to me in the moments I need to remember them – daily.
CSS Modules are das bombe, but you’re still stuck in a land where the traditional CSS stylesheet exists, you may have to load both. Here’s a pattern that could potentially work for you.
One day I mused to Jon: wouldn’t it be cool if you could embed secret messages in the hex values of a color scheme? Always one for a fun cipher, here is an imagining of what that might be like.
Use of postcss-import in your CSS module processing can lead to more selectors than you realized. Here are some ways to deal with it.
React gives us a great component abstraction. Each of these components represents a node in the DOM. Each component is self contained, doesn’t talk up the component hierarchy directly and passes explicit data and code down the hierarchy. But what about when you have a React app that wants to reach out and modify something it doesn’t control?
I heard a fantastic yesterday by Glen Maddern where Interoperable CSS was well-illustrated as the fantastic CSS language advancement that it is. I was happy to hear hushed ooo’s and ahh’s from the audience as they realized the power of what they were seeing. I have been enjoying the benefits of CSS modules myself and my team and would share some of my favorite features in hopes that others will be inclined to use this feature as well. Cleanse the world of global stylesheets!