reset.css for styled-components.
Also see styled-normalize from Sergey Sova.
npm i styled-reset
(use the -S
flag if you're on npm 4 or earlier).
// base-styles.js
import { injectGlobal } from 'styled-components'
import reset from 'styled-reset'
const baseStyles = () => injectGlobal`
${reset}
/* other styles */
`
export default baseStyles
// app.js
import baseStyles from './base-styles'
const App = () => {
baseStyles()
return (
<div>Hi!</div>
)
}
export default App
reset
is also available as a named export:
import { reset } from 'styled-reset'
All credit goes to Eric Meyer for reset.css.
reset.css is public domain (unlicensed).
- @empjStang for suggesting a named export and TypeScript support
- @alexandernanberg for using the reset-css package under the hood
- @saadq for fixing included files so TypeScript works.