emotion-normalize's Introduction

emotion-normalize

Normalize file for Emotion CSS-in-JS library.

The original normalize.css is pulled from necolas/normalize.css, and parsed into emotion ready format.

Usage

npm install --save emotion-normalize

JavaScript

import { Global, css } from "@emotion/react";
import emotionNormalize from 'emotion-normalize';

// ...

<Global
  styles={css`
    ${emotionNormalize}
    html,
    body {
      padding: 0;
      margin: 0;
      background: white;
      min-height: 100%;
      font-family: Helvetica, Arial, sans-serif;
    }
  `}
/>

License

The MIT License

Credits

emotion-normalize is maintained and sponsored by Infinum.

emotion-normalize's People

Contributors

Stargazers

Watchers

emotion-normalize's Issues

Running yarn throws incorrect peer dependency

When I installed packages in my package.json I got

[email protected]" has incorrect peer dependency "emotion@^8.0.8"

Not sure why this is thrown, the peer dependency is greater than 8.0.8, and I have put emotion 9.0.2.

package.json looks like:

{
  "name": "test",
  "description": "This is a test",
  "author": "Denis Zoljom",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "storybook": "start-storybook -p 6006 -s ./",
    "build-storybook": "build-storybook"
  },
  "dependencies": {
    "@types/prop-types": "^15.5.2",
    "@types/react-dom": "^16.0.4",
    "@types/storybook__addon-actions": "^3.0.1",
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-emotion": "^9.0.1",
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-react": "^6.1.18",
    "emotion": "^9.0.2",
    "emotion-normalize": "^7.0.1",
    "isomorphic-fetch": "^2.2.1",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-emotion": "^9.0.2",
    "react-scripts": "1.1.1"
  },
  "devDependencies": {
    "@infinumjs/eslint-config-react": "^1.0.0",
    "@infinumjs/tslint-config": "^1.1.1",
    "@storybook/addons": "^3.3.0",
    "@storybook/addon-actions": "^3.3.9",
    "@storybook/addon-knobs": "^3.3.12",
    "@storybook/addon-links": "^3.3.9",
    "@storybook/addon-viewport": "^3.3.12",
    "@storybook/react": "^3.3.9",
    "@types/react": "^16.0.40",
    "@types/storybook__react": "^3.0.6",
    "babel-eslint": "^8.2.1",
    "eslint": "^4.16.0",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.6.1",
    "ts-loader": "^3.5.0",
    "tslint": "^5.9.1",
    "typescript": "^2.7.1",
    "webpack": "^3.10.0"
  },
  "engines": {
    "node": ">=8.6.0"
  }
}