<commit_before># @yank

### Introduction

@yank lets you treat standard CSS classes like @mixins in Sass.

For example, given `tachyons.css` as our **definitions** file, we could write the following @yank rules in a standard css file `myclasses.css`;

```
.my-button {
  @yank .bg-blue;
  @yank .white;
  @yank .link;
  @yank .pa2;
  @yank .br2;
}

.my-input {
  @yank .bg-white;
  @yank .ba;
  @yank .b--gray;
  @yank .dark-gray;
  @yank .br2;
  @yank .pa2;
}
```

[You can view this example on jsfiddle](https://jsfiddle.net/almonk/dvdzjvLa/).

Running `./yank` on the command line will compile this file into the following `myclasses--compiled.css`:<commit_msg>add hr<commit_after># @yank

### Introduction

@yank lets you treat standard CSS classes like @mixins in Sass.

For example, given `tachyons.css` as our **definitions** file, we could write the following @yank rules in a standard css file `myclasses.css`;

```
.my-button {
  @yank .bg-blue;
  @yank .white;
  @yank .link;
  @yank .pa2;
  @yank .br2;
}

.my-input {
  @yank .bg-white;
  @yank .ba;
  @yank .b--gray;
  @yank .dark-gray;
  @yank .br2;
  @yank .pa2;
}
```

[You can view this example on jsfiddle](https://jsfiddle.net/almonk/dvdzjvLa/).

---

Running `./yank` on the command line will compile this file into the following `myclasses--compiled.css`:
{'fraction_non_alphanumeric': 0.1515837104072398, 'fraction_numerical': 0.006033182503770739, 'mean_word_length': 3.3224755700325734, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '5023391', 'n_tokens_mistral': 531, 'n_tokens_neox': 516, 'n_words': 160}