React-style-reset NPM

react-style-reset

An object-style CSS Reset for React.

Features

This module includes Eric Meyer's Reset CSS 2.0 written as "object styles", to be easily used with styled-component and emotion. Also included is a template literal version.

Also included is the popular Normalize.css, a modern HTML5-ready alternative to CSS resets, in both object and template literal versions.

Usage

Reset.css

With object styles:

import reset from 'react-style-reset';
import { injectGlobal } from 'emotion';

injectGlobal(reset, {
  ...
});

With template literal styles:

import reset from 'react-style-reset/string';
import { createGlobalStyle } from 'styled-components';

const GlobalStyles = createGlobalStyle`
  ${reset};

  ...
`;

Normalize.css

With object styles:

import { normalize } from 'react-style-reset';
import { injectGlobal } from 'emotion';

injectGlobal(normalize, {
  ...
});

With template literal styles:

import { normalize } from 'react-style-reset/string';
import { createGlobalStyle } from 'styled-components';

const GlobalStyles = createGlobalStyle`
  ${normalize};

  ...
`;