April 2, 2020
By default, CSS you add with Emotion is scoped to the component where it was added.
To add global CSS, use the Global
component provided by Emotion:
import React from "react"
import { css, Global } from "@emotion/core"
export default () => {
return (
<Global
styles={css`
* {
font-family: Helvetica, sans-serif;
}
`}
/>
)
}
The CSS written in the styles
prop of Global
will be injected globally into your Gatsby site.
Tufts Meal Plan Wrapped
Mar 2, 2024
Building an e-ink picture frame that displays an iCloud photo album
Jan 9, 2024
2023 in review
Jan 5, 2024
Subscribe to my newsletter for a monthly round-up of new blog posts and projects Iām working on!