<commit_before># emotion

#### `css` prop for all

[![npm version](https://badge.fury.io/js/emotion.svg)](https://badge.fury.io/js/emotion)
[![Build Status](https://travis-ci.org/tkh44/emotion.svg?branch=master)](https://travis-ci.org/tkh44/emotion)
[![codecov](https://codecov.io/gh/tkh44/emotion/branch/master/graph/badge.svg)](https://codecov.io/gh/tkh44/emotion)


-   [Install](#install)
-   [glam](#emotionglam)
-   [glamor](#emotionglamor)
-   [cxs](#emotioncxs)

## Install

```bash
npm install -S emotion
```

## `emotion/glam`

```bash
npm install -S glam
```

**.babelrc**
```json
{
  "plugins": [
    "emotion/glam",
    "glam/babel"
  ]
}
```

```jsx harmony
const Name = ({ color, name }) => <h1 css={`color: ${color};`}>{name}</h1>
```

is converted to

```jsx harmony
const Name = ({ color, name }) => <h1 className={css`color: ${color};`}>{name}</h1>
```


**Similar to importing React when using jsx, `import css from 'glam'` must be at the top of your source files.**<commit_msg>Add link to example project<commit_after># emotion

#### `css` prop for all

[![npm version](https://badge.fury.io/js/emotion.svg)](https://badge.fury.io/js/emotion)
[![Build Status](https://travis-ci.org/tkh44/emotion.svg?branch=master)](https://travis-ci.org/tkh44/emotion)
[![codecov](https://codecov.io/gh/tkh44/emotion/branch/master/graph/badge.svg)](https://codecov.io/gh/tkh44/emotion)


-   [Install](#install)
-   [glam](#emotionglam)
-   [glamor](#emotionglamor)
-   [cxs](#emotioncxs)

## Install

```bash
npm install -S emotion
```

## `emotion/glam`

[Example Project](https://github.com/tkh44/emotion/tree/master/examples/glam)

```bash
npm install -S glam
```

**.babelrc**
```json
{
  "plugins": [
    "emotion/glam",
    "glam/babel"
  ]
}
```

```jsx harmony
const Name = ({ color, name }) => <h1 css={`color: ${color};`}>{name}</h1>
```

is converted to

```jsx harmony
const Name = ({ color, name }) => <h1 className={css`color: ${color};`}>{name}</h1>
```


**Similar to importing React when using jsx, `import css from 'glam'` must be at the top of your source files.**
{'fraction_non_alphanumeric': 0.22690282431785544, 'fraction_numerical': 0.01244614648157013, 'mean_word_length': 4.372750642673521, 'pattern_counts': {'":': 2, '<': 11, '<?xml version=': 0, '>': 15, 'https://': 13, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3121055', 'n_tokens_mistral': 877, 'n_tokens_neox': 812, 'n_words': 151}