A little while ago, I wrote a well-received article about combining CSS variables with CSS grid to help build more maintainable layouts. But CSS grid isn’t just for pages! That is a common myth. Although it is certainly very useful for page layout, I find myself just as frequently reaching for grid when it comes to components. In this article I’ll address using CSS grid at the component level.
Grid is neither a substitute for flexbox nor vice versa. In …
The post Super-Powered Grid Components with CSS Custom Properties appeared first on CSS-Tricks.
I enjoy front-end developer thought progression articles like this one by James Nash. Say you have a button which needs to work in “normal” conditions (light backgrounds) and one with reverse-colors for going on dark backgrounds. Do you have a modifier class on the button itself? How about on the container? How can inheritance and the cascade help? How about custom properties?
I think embracing CSS’s cascade can be a great way to encourage consistency and simplicity in UIs. Rather …
The post A Tale of Two Buttons appeared first on CSS-Tricks.
Explore what the world is searching. Enter a search term or a topic.
