diff --git a/docs/best-practices.md b/docs/best-practices.md index 55bc8560500..985e5dc1891 100644 --- a/docs/best-practices.md +++ b/docs/best-practices.md @@ -104,12 +104,12 @@ export default ComponentName ## Styling - `src/theme.ts` - Declares site color themes, breakpoints and other constants (try to utilize these colors first) -- We use [styled-components](https://styled-components.com/) +- We use [emotion](https://emotion.sh/) - Tagged template literals are used to style custom components ```tsx - // Example of styling syntax using styled-components + // Example of styling syntax using emotion import styled from "@emotion/styled" @@ -128,8 +128,6 @@ export default ComponentName // ie: Text ``` - - Recommended VS Code Plugin: `vscode-styled-components`
To install: Open VS Code > `Ctrl+P` / `Cmd+P` > Run:
`ext install vscode-styled-components` - - Values from `src/theme.ts` are automatically passed as a prop object to styled components ```tsx