https://github.com/zacanger/styled-reset
Eric Meyer's Reset CSS for styled-components
https://github.com/zacanger/styled-reset
css css-reset reset reset-css styled styled-components
Last synced: 11 months ago
JSON representation
Eric Meyer's Reset CSS for styled-components
- Host: GitHub
- URL: https://github.com/zacanger/styled-reset
- Owner: zacanger
- License: mit
- Created: 2017-07-11T02:53:50.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-06-16T16:25:56.000Z (over 1 year ago)
- Last Synced: 2025-04-07T11:02:02.429Z (11 months ago)
- Topics: css, css-reset, reset, reset-css, styled, styled-components
- Language: TypeScript
- Homepage: http://npm.im/styled-reset
- Size: 2.25 MB
- Stars: 392
- Watchers: 3
- Forks: 22
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
# styled-reset
[Donate](https://ko-fi.com/zacanger)
[](https://npm.im/styled-reset) [](https://circleci.com/gh/zacanger/styled-reset)
Eric Meyer's [Reset CSS](https://meyerweb.com/eric/tools/css/reset/) for [styled-components](https://github.com/styled-components/styled-components)
Also see [styled-normalize](https://www.npmjs.com/package/styled-normalize) from [Sergey Sova](https://github.com/sergeysova).
--------
## Installation:
`npm i styled-reset`
## Usage:
### Styled Components 4+
```jsx
import * as React from 'react'
import { Reset } from 'styled-reset'
const App = () => (
Hi, I'm an app!
)
```
You can also use the default export or named export (lowercase) in your own
global style:
```jsx
import * as React from 'react'
import { createGlobalStyle } from 'styled-components'
import reset from 'styled-reset'
const GlobalStyle = createGlobalStyle`
${reset}
/* other styles */
`
const App = () => (
Hi, I'm an app!
)
export default App
```
### Styled Components 3.x
If you're using Styled Components version 3.x or 2.x, you'll need to use the
`injectGlobal` api instead (and install `styled-reset@1.7.1`):
```javascript
import { injectGlobal } from 'styled-components'
import reset from 'styled-reset'
injectGlobal`
${reset}
`
```
`reset` is also available as a named export:
```javascript
import { reset } from 'styled-reset'
```
## Credits
All credit goes to Eric Meyer for reset.css. reset.css is public domain (unlicensed).
[LICENSE](./LICENSE.md)