With a component-based approach, the default is complete isolation of styles. This gives you dead code elimination of styles for free. It also lends itself well to tree shaking and dynamic code splitting, which can create huge performance improvements, especially in larger applications. This also, inevitably, leads to duplication of styles.

Element



Content

Typography
1.67
0

Text Decoration

Text Shadow

Display


Padding
Margin

Effects

Box Shadow

Border
Color
Width
Style
Top
Bottom
Left
Right

Outline

Border Image

Border Radius

Transitions

Hover

Box Shadow

Text Decoration

CSS
Js