<commit_before>![JSS logo](http://avatars1.githubusercontent.com/u/9503099?v=3&s=60)

## JSS plugin that enables inheritance

This plugin implements a custom `extend` style property.

[Demo](http://jsstyles.github.io/jss-examples/index.html#plugin-jss-extend) -
[JSS](https://github.com/jsstyles/jss)

[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/jsstyles/jss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)


## Usage example

```javascript
import jss from 'jss'
import extend from 'jss-extend'

jss.use(extend)

const redContainer = {
  background: 'red'
}

const styleSheet = jss.createStyleSheet({
  container: {
    extend: redContainer, // Can be an array of styles
    'font-size': '20px'
  }
})

/**
 * For those who use an ES6 transpiler - you can achieve the same
 * by using the language itself.
 */

// ES7
const styleSheet = jss.createStyleSheet({
  container: {
    ...redContainer,
    'font-size': '20px'
  }
})

// ES6
const styleSheet = jss.createStyleSheet({
  container: Object.assign({}, redContainer, {
    'font-size': '20px'
  }<commit_msg>fixed typo<commit_after>![JSS logo](http://avatars1.githubusercontent.com/u/9503099?v=3&s=60)

## JSS plugin that enables inheritance

This plugin implements a custom `extend` style property.

[Demo](http://jsstyles.github.io/jss-examples/index.html#plugin-jss-extend) -
[JSS](https://github.com/jsstyles/jss)

[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/jsstyles/jss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)


## Usage example

```javascript
import jss from 'jss'
import extend from 'jss-extend'

jss.use(extend)

const redContainer = {
  background: 'red'
}

const styleSheet = jss.createStyleSheet({
  container: {
    extend: redContainer, // Can be an array of styles
    'font-size': '20px'
  }
})

/**
 * For those who use an ES6 transpiler - you can achieve the same
 * by using the language itself.
 */

// ES7
const styleSheet = jss.createStyleSheet({
  container: {
    ...redContainer,
    'font-size': '20px'
  }
})

// ES6
const styleSheet = jss.createStyleSheet({
  container: Object.assign({}, redContainer, {
    'font-size': '20px'
  })
{'fraction_non_alphanumeric': 0.1538116591928251, 'fraction_numerical': 0.017937219730941704, 'mean_word_length': 4.188372093023256, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 6, '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': '3124940', 'n_tokens_mistral': 833, 'n_tokens_neox': 797, 'n_words': 167}