# Radium

Radium is a toolchain for handling modifiers, states, computed styles and
responsive styles for react component styling. It allows you to handle complex
component styling in a declarative, easy to write way. Component styling in
React provides a number of benefits over traditional CSS:

- Scoped styles, meaning no more global variables
- Avoids specificity conflicts
- Source order independence
- Dead code elimination
- Highly expressive

Inspired by <a href="https://speakerdeck.com/vjeux/react-css-in-js">React: CSS
in JS</a> by <a href="https://twitter.com/Vjeux">Christopher Chedeau</a>.

## What does it look like?

Write a style object and you're done:

```
Code example
```

# Radium

Radium is a toolchain for handling modifiers, states, computed styles and
responsive styles for react component styling. It allows you to handle complex
component styling in a declarative, easy to write way. Component styling in
React provides a number of benefits over traditional CSS:

- Scoped styles, meaning no more global variables
- Avoids specificity conflicts
- Source order independence
- Dead code elimination
- Highly expressive

Inspired by <a href="https://speakerdeck.com/vjeux/react-css-in-js">React: CSS
in JS</a> by <a href="https://twitter.com/Vjeux">Christopher Chedeau</a>.

## What does it look like?

Write a style object and you're done:

```
Code example
```

## Examples

To see local examples in action, do this:

```
npm install
npm run examples
```

Add examples note to readme
Add examples note to readme
