DEV Community

Discussion on: Styling React Components: styled-components + twin.macro (Tailwind CSS 2.0)

Collapse
 
guerrillacoder profile image
GuerrillaCoder • Edited

What does <GlobalStyles /> do?

Collapse
 
senninseyi profile image
Senninseyi

Same thought too

Collapse
 
devsmranjan profile image
Smruti Ranjan Rana

Basically, <GlobalStyles /> provides a base style to our app.

Twin uses the same preflight base styles as Tailwind to smooth over cross-browser inconsistencies.

The GlobalStyles import adds these base styles along with some @keyframes for the animation classes and some global css that makes the ring classes and box-shadows work.