<commit_before># Styled System HTML

HTML elements extended as styled components via styled system, ready for theming. Built with/for:

- [Styled Components](http://styled-components.com)
- [Styled System](http://jxnblk.com/styled-system/) by [<NAME>](http://jxnblk.com)
- [Grid Styled](http://jxnblk.com/grid-styled/) by [<NAME>](http://jxnblk.com)


## Usage

`npm i styled-system-html`

Create a theme with settings for colors, typography and layout.

```
const theme = {
  colors : {'primary':'#071'},
  space : [0,4,8,16,32,64,128]
}
```

Apply your theme to the base elements as you build components.

```
// Header with 2 levels (8px) of padding, 
// blue/primary background and white text.

<Header p={2} bg="primary" color="white">
  My Header
</Header>
```

For more info, see:

- [Styled System HTML](https://github.com/johnpolacek/styled-system-html)
- [Styled System](http://jxnblk.com/styled-system/) by [<NAME>](http://jxnblk.com)

Created by <NAME>

- [@johnpolacek](https://twitter.com/johnpolacek)
- [johnpolacek.com](http://johnpolacek.com)<commit_msg>remove extraneous link from readme<commit_after># Styled System HTML

HTML elements extended as styled components via styled system, ready for theming. Built with/for:

- [Styled Components](http://styled-components.com)
- [Styled System](http://jxnblk.com/styled-system/) by [<NAME>](http://jxnblk.com)
- [Grid Styled](http://jxnblk.com/grid-styled/) by [<NAME>](http://jxnblk.com)


## Usage

`npm i styled-system-html`

Create a theme with settings for colors, typography and layout.

```
const theme = {
  colors : {'primary':'#071'},
  space : [0,4,8,16,32,64,128]
}
```

Apply your theme to the base elements as you build components.

```
// Header with 2 levels (8px) of padding, 
// blue/primary background and white text.

<Header p={2} bg="primary" color="white">
  My Header
</Header>
```

For more info, see [Styled System](http://jxnblk.com/styled-system/) by [<NAME>](http://jxnblk.com).

--

Created by <NAME>

- [@johnpolacek](https://twitter.com/johnpolacek)
- [johnpolacek.com](http://johnpolacek.com)
{'fraction_non_alphanumeric': 0.17416267942583732, 'fraction_numerical': 0.01722488038277512, 'mean_word_length': 4.320610687022901, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 3, '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': '6281355', 'n_tokens_mistral': 794, 'n_tokens_neox': 732, 'n_words': 188}