Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sigfriedcub1990/styled-miniresetcss

Jeremy Thomas's minireset CSS
https://github.com/sigfriedcub1990/styled-miniresetcss

css minireset styled-components

Last synced: about 8 hours ago
JSON representation

Jeremy Thomas's minireset CSS

Awesome Lists containing this project

README

        

# styled-miniresetcss

[![npm downloads](https://img.shields.io/npm/dm/styled-minireset.css)](https://npm.im/styled-minireset.css) ![npm version](https://img.shields.io/npm/v/styled-minireset.css)
[![CircleCI](https://circleci.com/gh/sigfriedCub1990/styled-miniresetcss.svg?style=svg)](https://circleci.com/gh/sigfriedCub1990/styled-miniresetcss)

Jeremy Thomas's [minireset.css](https://github.com/jgthms/minireset.css) for [styled-components](https://github.com/styled-components/styled-components)

---

## Installation:

`npm i styled-minireset.css` (use the `-S` flag if you're on npm 4 or earlier).

## Usage:

### Styled Components 4.x

```jsx
import * as React from "react";
import { MiniReset } from "styled-minireset.css";
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-minireset.css'
const GlobalStyle = createGlobalStyle`
${reset}
/* other styles */
`
const App = () => (


Hi, I'm an app!


}
export default App
```