flugg / emotion-reset

Reset file for Emotion CSS-in-JS library.

emotion-reset

Reset file for Emotion CSS-in-JS library.

The original reset.css is pulled from kossnocorp/reset.css, and parsed into emotion ready format.

Version Compatibility

This table indicates the latest versions of emotion-reset supporting each emotion version.

emotion-reset	emotion	@emotion/core	@emotion/react
1.0.4	<10	--	--
2.0.7	--	>=10	--
>=3.0.0	--	--	>=11

Usage

npm install --save emotion-reset

JavaScript

import emotionReset from 'emotion-reset';
import { Global, css } from '@emotion/react';

render(
  <Global styles={css`
    ${emotionReset}

    *, *::after, *::before {
      box-sizing: border-box;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
    }
  `} />
);

License

The MIT License

Credits

This package is heavily inspired/stolen from emotion-normalize.