Series
In this series, we cover the basics of CSS and the state of CSS out there.
Global and cascading nature of CSS CSS is global by design! It is that way because we want to bring consistency across the website. html { font-family: Roboto, sans-serif; } By writing the above code every text on your website has a font-famil...
Total Isolation This comes as the result of the global nature of CSS where things are leaky and thus component-based UI architectures find it difficult as cascading and global CSS causes leaks in styles across the components. For example: <!-- Headi...
In this blog post, we will try to understand CSS-in-JS by creating our own version of emotion.js. Emotion is one of the most popular CSS-in-JS solutions out there. There are some brilliant minds working on emotion, we aren't going to recreate emotio...
In the previous post, we made our css emotion like function and in this blog post, we are going to extend our css function to support the following style-components syntax. const Button = styled('button')( { backgroundColor: "blue", color:...
