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: 5 days 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 7 years ago)
• Default Branch: master
• Last Pushed: 2024-06-16T16:25:56.000Z (7 months ago)
• Last Synced: 2025-01-15T07:46:45.226Z (6 days ago)
• Topics: css, css-reset, reset, reset-css, styled, styled-components
• Language: TypeScript
• Homepage: http://npm.im/styled-reset
• Size: 2.25 MB
• Stars: 390
• 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)

[![npm version](https://img.shields.io/npm/v/styled-reset.svg)](https://npm.im/styled-reset) [![CircleCI](https://circleci.com/gh/zacanger/styled-reset.svg?style=svg)](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 `[email protected]`):

```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)