DEV Community

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

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.