<commit_before>Unison.js
=========

Syncing named breakpoints across CSS, JS, and HTML.

Demo and more information [here](http://bjork24.github.io/Unison).

SASS Integration
================

Declare breakpoints and specify names in `_breakpoints.scss`

```scss
// declare breakpoints
$usn-x-small         : 200px;
$usn-small           : 400px;
$usn-small-medium    : 600px;
$usn-medium          : 800px;
$usn-large-medium    : 1000px;
$usn-large           : 1200px;
$usn-x-large         : 1400px;

// create sass list to pass media query data
// if a breakpoint name changes, remember to
// update it in the list below as well
$mq-sync:
  usn-x-small        $usn-x-small,
  usn-small          $usn-small,
  usn-small-medium   $usn-small-medium,
  usn-medium         $usn-medium,
  usn-large-medium   $usn-large-medium,
  usn-large          $usn-large,
  usn-x-large        $usn-x-large
;
```

LESS Integration
================

Declase breakpoints and specify names in `breakpoints.less`

```less
// declare breakpoints
@usn-x-small         : 200px;
@usn-small           : 400px;
@usn-small-medium    : 600px;<commit_msg>Fix typo<commit_after>Unison.js
=========

Syncing named breakpoints across CSS, JS, and HTML.

Demo and more information [here](http://bjork24.github.io/Unison).

SASS Integration
================

Declare breakpoints and specify names in `_breakpoints.scss`

```scss
// declare breakpoints
$usn-x-small         : 200px;
$usn-small           : 400px;
$usn-small-medium    : 600px;
$usn-medium          : 800px;
$usn-large-medium    : 1000px;
$usn-large           : 1200px;
$usn-x-large         : 1400px;

// create sass list to pass media query data
// if a breakpoint name changes, remember to
// update it in the list below as well
$mq-sync:
  usn-x-small        $usn-x-small,
  usn-small          $usn-small,
  usn-small-medium   $usn-small-medium,
  usn-medium         $usn-medium,
  usn-large-medium   $usn-large-medium,
  usn-large          $usn-large,
  usn-x-large        $usn-x-large
;
```

LESS Integration
================

Declare breakpoints and specify names in `breakpoints.less`

```less
// declare breakpoints
@usn-x-small         : 200px;
@usn-small           : 400px;
@usn-small-medium    : 600px;
{'fraction_non_alphanumeric': 0.15185350602947745, 'fraction_numerical': 0.03126395712371594, 'mean_word_length': 2.56687898089172, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, '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': '5226423', 'n_tokens_mistral': 865, 'n_tokens_neox': 779, 'n_words': 192}