<commit_before># Kickstart Switches

## Install in your project

### Gulp/Node.js

Let's install this as a git submodule.

In your project, `cd` to `lib/sass/vendor`

    git submodule add git://github.com/ajkochanowicz/switch.git

As a submodule, this won't grow in your repository but it will allow you to
keep it up to date. [Read more about submodules](http://git-scm.com/book/en/Git-Tools-Submodules)
In `lib/sass/vendor/_index.sass`, add

    @import switch/switch

In the very bottom of your theme file, instantiate the `switch()` mixin

    =switch($color: $primary-color)
      +switch-default($color)

To add a switch, use the following markup 

      <p>
        <div class="switch">
          <input id="switch-2" type="checkbox" />
          <label for="switch-2"></label>
        </div>
        <span>Let me know about future updates!</span>
      </p>

Note, the `switch-2` id is optional. Use whatever id you like.<commit_msg>Adding more instructions<commit_after># Kickstart Switches

## Install in your project

### Gulp/Node.js

Let's install this as a git submodule.

In your project, `cd` to `lib/sass/vendor`

    git submodule add git://github.com/ajkochanowicz/switch.git

As a submodule, this won't grow in your repository but it will allow you to
keep it up to date. [Read more about submodules](http://git-scm.com/book/en/Git-Tools-Submodules)
In `lib/sass/vendor/_index.sass`, add

    @import switch/switch

In the very bottom of your theme file, instantiate the `switch()` mixin

    =switch($color: $primary-color)
      +switch-default($color)

Now that you have the mixin available, you just need to assign it to some class

    .switch
      +switch

To add a switch, use the following markup 

      <p>
        <div class="switch">
          <input id="switch-1" type="checkbox" />
          <label for="switch-1"></label>
        </div>
        <span>Let me know about future updates!</span>
      </p>

Note, the `switch-1` id is optional. Use whatever id you like.
{'fraction_non_alphanumeric': 0.1163255117324014, 'fraction_numerical': 0.0029955067398901645, 'mean_word_length': 3.0403225806451615, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, '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': '1100929', 'n_tokens_mistral': 644, 'n_tokens_neox': 615, 'n_words': 227}