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.