Styling

Global Styles

Global styles (h1, h2, p...) should be placed in the global stylesheet file.

Always use Sass Variables when available.

Add new Sass variables when needed (especially when added by the designers in Figma)

Styled Components

All the styled components should go in another file on the component folder. the file should be named in the format: Element.styled.tsx, if the file goes beyond split the file into multiple files.

Global Styles

Styled Components

Gallery

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.