By default, CCSS uses
rem units. To make this work as
10px === 10rem, you need to set the root
font-size on your
HTML tag to
Unfortunately Webkit based browser might ignore such low percentage, which is a bug, so you might want to the change to the more common approach:
10px === 1.0rem
Flex by default
Making your elements to be flex by default will save you from declaring
display="flex" all the time. It is actually
a more convenient way of building layouts.
You may use flex-reset.css for this purpose, however this will affect all other 3rd party styles. Only use this approach if you sure you won't need to display your components on another page, and/or you don't need to display 3rd party components on your site. Otherwise, they can conflict.
Component level reset
You can also define
createStyledCCSS supports this.