<commit_before>![MIST](https://github.com/AI428/mist.js/blob/master/logos/mist_1600_1180.png)

> Reactive CSS framework

This is a solution for the development of CSS library.

In order to control the CSS, Do you use such heavy weight library? With this, you can define the reactive style without the code, such as {} on your dom.

## USAGE
### Install
Download the latest version. After only load.

```html
<script src=mist.min.js></script>
```

### Define class
Any of the selector, or the element style define.

The following code is a class that red elements when you click. `redden` is still non-existent class.

```js
mist('*').on('click').then(

  function() {

    mist('.redden').style.set({
<commit_msg>add dis.<commit_after>![MIST](https://github.com/AI428/mist.js/blob/master/logos/mist_1600_1180.png)

> Reactive CSS framework

This is a solution for the development of CSS library.

In order to control the CSS, Do you use such heavy weight library of `Angular` and `React`? With the `MIST`, you can define the reactive style without the code, such as {} on your dom.

## USAGE
### Install
Download the latest version. After only load.

```html
<script src=mist.min.js></script>
```

### Define class
Any of the selector, or the element style define.

The following code is a class that red elements when you click. `redden` is still non-existent class.

```js
mist('*').on('click').then(

  function() {

    mist('.redden').style.set({

{'fraction_non_alphanumeric': 0.1246556473829201, 'fraction_numerical': 0.015151515151515152, 'mean_word_length': 4.152482269503546, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4241414', 'n_tokens_mistral': 470, 'n_tokens_neox': 434, 'n_words': 180}