An object-style CSS Reset for React.
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.
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};
...
`;
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};
...
`;
Eric Meyer http://meyerweb.com/eric/tools/css/reset/ License: none (public domain)
normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
MIT โ see LICENCE