pusher-chameleon 1.0.3

data/docs/_sass/layout/_aside.scss

@@ -0,0 +1,151 @@
+.docs__aside {
+  height: auto;
+  position: relative;
+  width: 100%;
+  background-color: #fff;
+  top: 0;
+
+  @media #{$medium-up} {
+    height: 100vh;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 280px;
+    border-right: 1px solid darken($color-snow, 10%);
+  }
+
+  h5 {
+    font-size: 17px;
+    font-weight: 600;
+    color: #232323;
+    margin-bottom: 5px;
+  }
+
+
+  a {
+    text-decoration: none;
+  }
+
+  .icon {
+    width: 20px;
+    height: 20px;
+    display: inline;
+
+    svg {
+      fill: #828282;
+    }
+
+    &:hover {
+      fill: #212121;
+    }
+  }
+}
+
+.docs__logo {
+  width: 100%;
+  height: 120px;
+  background-color: $color-primary;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &__title {
+    @extend %font-family-primary;
+    font-weight: 600;
+    color: #fff;
+    font-size: rem-calc(22px);
+    letter-spacing: -1px;
+  }
+
+  &__version {
+    font-size: rem-calc(12px);
+    color: #fff;
+    display: block;
+    margin-top: 5px;
+    text-transform: uppercase;
+    font-weight: 600;
+
+    svg {
+      position: relative;
+      top: 1px;
+    }
+  }
+}
+
+.docs__nav {
+  width: 100%;
+  background-color: $color-snow;
+}
+
+.docs__nav__item {
+  width: 100%;
+  background: #fff;
+  height: 60px;
+  overflow: hidden;
+  border-bottom: 1px solid darken($color-snow, 10%);
+
+  &.is-active {
+    height: auto;
+  }
+}
+
+.docs__nav__item__title {
+  width: 100%;
+  height: 60px;
+  background-color: #fff;
+  position: relative;
+  padding: 16px 0 16px 20px;
+  border-bottom: 1px solid darken($color-snow, 10%);
+  cursor: pointer;
+  font-size: rem-calc(18px);
+  font-weight: 500;
+
+  &:after {
+    width: 20px;
+    height: 20px;
+    background: file-url('ui_icons/chevron_down.svg') no-repeat center center;
+    position: absolute;
+    right: 15px;
+    top: 20px;
+    content: "";
+    display: block;
+    opacity: .2;
+
+    .docs__nav__item.is-active & {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.docs__nav__item__content {
+  background-color: $color-snow;
+  padding: 20px 0;
+
+  ul {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    list-style: none;
+
+    li {
+      padding: 5px 0 5px 40px;
+      font-size: rem-calc(17px);
+      font-weight: 400;
+      color: $color-silver;
+      line-height: 1.2em;
+
+      a {
+        color: inherit;
+      }
+
+      &.is-active a {
+        color: $color-primary;
+        font-weight: 600;
+      }
+
+      &:first-of-type {
+        display: none;
+      }
+    }
+  }
+}

data/docs/about.md

@@ -0,0 +1,15 @@
+---
+layout: page
+title: About
+permalink: /about/
+---
+
+This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/)
+
+You can find the source code for the Jekyll new theme at:
+{% include icon-github.html username="jglovier" %} /
+[jekyll-new](https://github.com/jglovier/jekyll-new)
+
+You can find the source code for Jekyll at
+{% include icon-github.html username="jekyll" %} /
+[jekyll](https://github.com/jekyll/jekyll)

data/docs/autoprefixer.yml

@@ -0,0 +1,4 @@
+browsers:
+  - "last 40 versions"
+  - "> 5%"
+  - "Explorer 7"

data/docs/css/main.scss

@@ -0,0 +1,11 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@charset "utf-8";
+
+@import
+  "chameleon_imports",
+  "base",
+  "layout",
+  "typography"
+;

data/docs/feed.xml

@@ -0,0 +1,30 @@
+---
+layout: null
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ site.title | xml_escape }}</title>
+    <description>{{ site.description | xml_escape }}</description>
+    <link>{{ site.url }}{{ site.baseurl }}/</link>
+    <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
+    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
+    <generator>Jekyll v{{ jekyll.version }}</generator>
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title | xml_escape }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
+        <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
+        {% for tag in post.tags %}
+        <category>{{ tag | xml_escape }}</category>
+        {% endfor %}
+        {% for cat in post.categories %}
+        <category>{{ cat | xml_escape }}</category>
+        {% endfor %}
+      </item>
+    {% endfor %}
+  </channel>
+</rss>

data/docs/index.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<div class="home">
+
+  <h1 class="page-heading">Posts</h1>
+
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li>
+        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
+
+        <h2>
+          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+        </h2>
+      </li>
+    {% endfor %}
+  </ul>
+
+  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+
+</div>

data/images/ui_icons/alert_beta.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="18" viewBox="5 1 51 58" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M54.032,48.061 C48.675,39.322 39.952,22.701 38.808,20.515 L38.648,2.496 C38.643,1.881 38.143,1.386 37.528,1.386 L22.348,1.386 C21.73,1.386 21.228,1.887 21.228,2.506 L21.228,20.756 L6.064,48.354 C6.045,48.387 6.028,48.422 6.013,48.458 C5.955,48.597 4.608,51.873 6.099,54.562 C6.992,56.172 8.65,57.182 11.025,57.566 C12.821,57.856 17.593,58.004 25.21,58.004 L25.21,58.004 C36.023,58.004 49.023,57.707 49.222,57.701 C49.399,57.684 53.567,57.304 55.014,54.446 C55.895,52.706 55.563,50.559 54.032,48.061 L54.032,48.061 Z M53.019,53.43 C52.29,54.876 49.894,55.393 49.104,55.464 C48.974,55.468 35.999,55.764 25.211,55.764 C15.874,55.764 12.538,55.543 11.384,55.356 C9.725,55.088 8.608,54.459 8.063,53.486 C7.168,51.884 7.934,49.705 8.061,49.371 L23.33,21.582 C23.421,21.417 23.469,21.231 23.469,21.043 L23.469,18.423 L29.458,18.423 L29.458,16.183 L23.469,16.183 L23.469,14.378 L27.04,14.378 L27.04,12.138 L23.469,12.138 L23.469,10.285 L29.458,10.285 L29.458,8.045 L23.469,8.045 L23.469,3.625 L36.418,3.625 L36.57,20.804 C36.572,20.981 36.615,21.155 36.697,21.312 C36.793,21.496 46.369,39.845 52.123,49.232 C53.219,51.019 53.521,52.432 53.019,53.43 Z M11.691,48.025 C11.691,48.025 9.545,52.318 13.402,52.753 C17.156,53.177 46.253,52.753 46.253,52.753 C46.253,52.753 49.986,52.566 48.556,49.238 C46.56,44.598 38.01,28.947 38.01,28.947 L22.238,28.947 L11.691,48.025 Z" fill="#ffffff" fill-rule="evenodd"></path>
+</svg>

data/images/ui_icons/alert_info.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 68 68" version="1.1">
+  <path d="M34,0.8 C15.7,0.8 0.8,15.7 0.8,34 C0.8,52.3 15.7,67.2 34,67.2 C52.3,67.2 67.2,52.3 67.2,34 C67.2,15.7 52.3,0.8 34,0.8 Z M34,13.7 C32,13.7 30.7,15.1 30.7,16.9 C30.7,18.7 32,20.2 33.9,20.2 L34,20.2 C36,20.2 37.3,18.7 37.3,16.9 C37.2,15.2 36,13.7 34,13.7 Z M31.5,25.4 L36.6,25.4 L36.6,53.3 L31.5,53.3 L31.5,25.4 Z M34,62.2 C18.4,62.2 5.8,49.5 5.8,34 C5.8,18.5 18.4,5.8 34,5.8 C49.6,5.8 62.2,18.4 62.2,34 C62.2,49.6 49.6,62.2 34,62.2 Z" fill="#fff"></path>
+</svg>

data/images/ui_icons/alert_tick.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 25 25" version="1.1">
+  <g fill="none" stroke-width="2" stroke="#ffffff">
+    <polyline points="18 8.5 10.5 15.5 7 11.5"></polyline>
+    <circle cx="12" cy="12" r="11"></circle>
+  </g>
+</svg>

data/images/ui_icons/alert_warning.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" version="1.1">
+  <g stroke="none" fill="#ffffff">
+    <path d="M12.4559031,0.265555471 C12.2786706,-0.0885184903 11.7000583,-0.0885184903 11.5228257,0.265555471 L0.0548345884,23.2438066 C-0.0254413493,23.4056989 -0.0171009921,23.5978806 0.0767280259,23.7514171 C0.173684678,23.9059981 0.341534366,24 0.521894589,24 L23.4787277,24 C23.76647,24 24,23.7660396 24,23.477767 C24,23.3440754 23.9499579,23.2208284 23.8665543,23.1289154 L12.4559031,0.265555471 Z M12,4.17391304 L20.8695652,21.9130435 L3.13043478,21.9130435 L12,4.17391304 Z M10.9565217,16.5325213 L13.0434783,16.5325213 L13.0434783,8.54782569 L10.9565217,8.54782569 L10.9565217,16.5325213 Z"></path>
+    <ellipse cx="12" cy="19.5" rx="1.5" ry="1.5"></ellipse>
+  </g>
+</svg>

data/images/ui_icons/chevron_down.svg

@@ -0,0 +1,3 @@
+<svg width="14px" height="8.5px" viewBox="0 0 76 46" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path d="M37.922937,31.9152899 L69.0014469,0.83678006 L75.7669758,7.60230898 L38.0444273,45.3248575 L37.922937,45.2033673 L37.8014468,45.3248575 L0.0788982598,7.60230901 L6.84442718,0.836780092 L37.922937,31.9152899 Z" fill="#000" stroke="none"/>
+</svg>

data/images/ui_icons/github--active.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="svg-github" width="15" height="15" role="img" version="1.1" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="#ffffff">
+    <path d="M16.288,0 C7.294,0 0,7.293 0,16.29 C0,23.487 4.667,29.592 11.14,31.746 C11.955,31.896 12.252,31.393 12.252,30.961 C12.252,30.575 12.238,29.55 12.23,28.191 C7.699,29.175 6.743,26.007 6.743,26.007 C6.002,24.125 4.934,23.624 4.934,23.624 C3.455,22.614 5.046,22.634 5.046,22.634 C6.681,22.749 7.541,24.313 7.541,24.313 C8.994,26.802 11.354,26.083 12.282,25.666 C12.43,24.614 12.851,23.896 13.316,23.489 C9.699,23.078 5.896,21.68 5.896,15.438 C5.896,13.66 6.531,12.205 7.573,11.067 C7.405,10.655 6.846,8.998 7.733,6.756 C7.733,6.756 9.1,6.318 12.212,8.426 C13.511,8.064 14.905,7.884 16.29,7.877 C17.674,7.884 19.067,8.064 20.368,8.426 C23.478,6.318 24.843,6.756 24.843,6.756 C25.732,8.998 25.173,10.655 25.006,11.067 C26.05,12.205 26.68,13.66 26.68,15.438 C26.68,21.696 22.871,23.073 19.243,23.476 C19.827,23.979 20.348,24.973 20.348,26.493 C20.348,28.67 20.328,30.427 20.328,30.961 C20.328,31.397 20.622,31.904 21.448,31.745 C27.916,29.586 32.579,23.485 32.579,16.29 C32.579,7.293 25.285,0 16.288,0"></path>
+  </g>
+</svg>

data/images/ui_icons/github.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="svg-github" width="15" height="15" role="img" version="1.1" viewBox="0 0 33 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="#161614">
+    <path d="M16.288,0 C7.294,0 0,7.293 0,16.29 C0,23.487 4.667,29.592 11.14,31.746 C11.955,31.896 12.252,31.393 12.252,30.961 C12.252,30.575 12.238,29.55 12.23,28.191 C7.699,29.175 6.743,26.007 6.743,26.007 C6.002,24.125 4.934,23.624 4.934,23.624 C3.455,22.614 5.046,22.634 5.046,22.634 C6.681,22.749 7.541,24.313 7.541,24.313 C8.994,26.802 11.354,26.083 12.282,25.666 C12.43,24.614 12.851,23.896 13.316,23.489 C9.699,23.078 5.896,21.68 5.896,15.438 C5.896,13.66 6.531,12.205 7.573,11.067 C7.405,10.655 6.846,8.998 7.733,6.756 C7.733,6.756 9.1,6.318 12.212,8.426 C13.511,8.064 14.905,7.884 16.29,7.877 C17.674,7.884 19.067,8.064 20.368,8.426 C23.478,6.318 24.843,6.756 24.843,6.756 C25.732,8.998 25.173,10.655 25.006,11.067 C26.05,12.205 26.68,13.66 26.68,15.438 C26.68,21.696 22.871,23.073 19.243,23.476 C19.827,23.979 20.348,24.973 20.348,26.493 C20.348,28.67 20.328,30.427 20.328,30.961 C20.328,31.397 20.622,31.904 21.448,31.745 C27.916,29.586 32.579,23.485 32.579,16.29 C32.579,7.293 25.285,0 16.288,0"></path>
+  </g>
+</svg>

data/images/ui_icons/google--active.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="svg-google" width="15" height="15" role="img" version="1.1" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="#ffffff">
+    <path d="M16.7347561,19.6141115 L16.7347561,15.1058362 L31.9268293,15.1058362 C32.0753484,15.8915505 32.1520035,16.820993 32.1520035,17.8270906 C32.1520035,21.2094948 31.2273519,25.3919861 28.2473868,28.3719512 C25.3488676,31.3902439 21.6454704,33 16.739547,33 C7.64634146,33 0,25.5932056 0,16.5 C0,7.40679443 7.64634146,0 16.739547,0 C21.7700348,0 25.3536585,1.9738676 28.0461672,4.54660279 L24.8649826,7.72778746 C22.9342334,5.91681185 20.3183798,4.50827526 16.7347561,4.50827526 C10.0945122,4.50827526 4.9011324,9.8597561 4.9011324,16.5 C4.9011324,23.1402439 10.0945122,28.4917247 16.7347561,28.4917247 C21.0418118,28.4917247 23.4947735,26.7621951 25.0662021,25.1907666 C26.3405923,23.9163763 27.179007,22.0958188 27.5095819,19.6093206 L16.7347561,19.6141115 L16.7347561,19.6141115 Z"></path>
+  </g>
+</svg>

data/images/ui_icons/google.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg class="svg-google-login" width="15" height="15" role="img" version="1.1" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g stroke="none" stroke-width="1" fill-rule="evenodd" fill="none">
+     <path d="M32.34,16.875 C32.34,15.705 32.235,14.58 32.0399999,13.5 L16.5,13.5 L16.5,19.8825 L25.3800001,19.8825 C24.9975,21.945 23.835,23.6925 22.0875001,24.8624999 L22.0875001,29.0025001 L27.4199999,29.0025001 C30.54,26.13 32.34,21.8999999 32.34,16.875 L32.34,16.875 L32.34,16.875 Z" fill="#4285F4"></path>
+    <path d="M16.5,33 C20.955,33 24.69,31.5225 27.4199999,29.0025001 L22.0875001,24.8624999 C20.61,25.8524999 18.72,26.4374999 16.5,26.4374999 C12.2025,26.4374999 8.565,23.535 7.2675,19.635 L1.755,19.635 L1.755,23.91 C4.47,29.3025 10.05,33 16.5,33 L16.5,33 L16.5,33 Z" fill="#34A853"></path>
+    <path d="M7.2675,19.635 C6.9375,18.645 6.75,17.5875 6.75,16.5 C6.75,15.4125 6.9375,14.355 7.2675,13.365 L7.2675,9.09 L1.755,9.09 C0.6375,11.3175 0,13.8375 0,16.5 C0,19.1625 0.6375,21.6825 1.755,23.91 L7.2675,19.635 L7.2675,19.635 L7.2675,19.635 Z" fill="#FBBC05"></path>
+    <path d="M16.5,6.56249999 C18.9224999,6.56249999 21.0975001,7.39499999 22.8074999,9.03000001 L27.54,4.2975 C24.6825,1.635 20.9475,0 16.5,0 C10.05,0 4.47,3.6975 1.755,9.09 L7.2675,13.365 C8.565,9.465 12.2025,6.56249999 16.5,6.56249999 L16.5,6.56249999 L16.5,6.56249999 Z" fill="#EA4335"></path>
+    <path d="M0,0 L33,0 L33,33 L0,33 L0,0 L0,0 Z"></path>
+  </g>
+</svg>

data/images/ui_icons/plus.svg

@@ -0,0 +1,3 @@
+<svg width="12px" height="12px" viewBox="0 0 55 54" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path d="M23,22.2968674 L0.849067196,22.2968674 L0.849067196,31.8647702 L23,31.8647702 L23,53.3477397 L32.5679028,53.3477397 L32.5679028,31.8647702 L54.1968069,31.8647702 L54.1968069,22.2968674 L32.5679028,22.2968674 L32.5679028,3.55271368e-15 L23,4.13857875e-15 L23,22.2968674 Z" fill="#000" stroke="none"/>
+</svg>

data/javascripts/chameleon/code_box.js

@@ -0,0 +1,14 @@
+$(function() {
+
+  $('.c-code__nav__list li:not(.is-disabled)').click(function() {
+    $(this).parent().children('.current').removeClass('current');
+    $(this).parents('.c-code__nav').siblings('.c-code__content').children(".c-code__content__container.current").removeClass('current');
+
+    var showThis = $(this).data('tab');
+
+    $(this).addClass('current');
+
+    $(this).parents('.c-code__nav').siblings('.c-code__content').children(".c-code__content__container[data-tab='" + showThis + "']").addClass('current');
+  });
+
+});

data/javascripts/chameleon/pusher_featurette.js

@@ -0,0 +1,52 @@
+(function ($) {
+  'use strict';
+  $.fn.pusherFeaturette = function(options) {
+
+    var self = this;
+
+    self._ = 'pusherFeaturette';
+
+    self.defaults = {
+      speed: 100
+    }
+
+    self.$context = self;
+    self.options = {};
+    self.options = $.extend({}, self.defaults, options);
+    self.navList = self.$context.find('[data-cycle-nav]');
+
+    self.init = function() {
+      self.handlers();
+    }
+    
+    self.handlers = function() {
+      self.navList.find('li[data-cycle]').on("click", function() {
+        self.removeCurrent();
+        self.addCurrent($(this).data("cycle"));
+      });
+    }
+
+    self.removeCurrent = function() {
+      self.$context
+      .find("[data-cycle-container].current")
+      .removeClass('current');
+
+      self.navList
+      .find("[data-cycle].current")
+      .removeClass('current');
+    }
+    
+    self.addCurrent = function(nextItemToShow) {
+      self.$context
+      .find("[data-cycle-container][data-cycle='" + nextItemToShow + "']")
+      .addClass("current");
+
+      self.navList
+      .find("[data-cycle='" + nextItemToShow + "']")
+      .addClass("current");
+    }
+
+    return self.init();
+  }
+
+})(jQuery);

data/javascripts/chameleon/pusher_text_cycler.js

@@ -0,0 +1,60 @@
+(function ($) {
+  'use strict';
+  $.fn.pusherTextCycler = function(options) {
+
+    var self = this;
+
+    self._ = 'pusherTextCycler';
+
+    self.defaults = {
+      speed: 100,
+      typingSpeed: 50,
+      delayBeforeErase: 3000,
+      class: 'cycle',
+      backgroundColor: '#f7f7f7',
+      highlightColor: '#b4d5fe'
+    }
+
+    self.$context = self;
+    self.options = {};
+    self.options = $.extend({}, self.defaults, options);
+
+    self.init = function() {
+      self.caption = self.options.text[0];
+      self.captionLength = 0;
+      self.options.text.push(self.options.text.shift());
+      
+      self.type();
+    }
+    
+    self.type = function() {
+      self.$context.html(self.caption.substr(0, self.captionLength++)).css({'background-color':self.options.backgroundColor});
+      
+      if(self.captionLength < self.caption.length+1) {
+        setTimeout(function() {
+          self.type();
+        }, self.options.typingSpeed);
+      } else {        
+        setTimeout(function() {
+          self.erase();
+        }, self.options.delayBeforeErase);
+      }
+    }
+    
+    self.erase = function() {
+      self.$context.css({'background-color': self.options.highlightColor});
+      setTimeout(function() {
+        self.$context.html(self.caption.substr(0, 0));
+        self.captionLength = 0;
+        self.caption = '';
+      }, 500);
+      
+      setTimeout(function() {
+        self.init();
+      }, 600);
+    }
+
+    return self.init();
+  }
+
+})(jQuery);

data/lib/pusher-chameleon.rb

@@ -0,0 +1,71 @@
+module PusherChameleon
+  class << self
+    # Inspired by Kaminari
+    def load!
+
+      if rails?
+        register_rails_engine
+      elsif sprockets?
+        register_sprockets
+      end
+
+      configure_sass
+    end
+
+    # Paths
+    def gem_path
+      @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+    end
+
+    def stylesheets_path
+      File.join assets_path, 'stylesheets'
+    end
+
+    def javascripts_path
+      File.join assets_path, 'javascripts'
+    end
+
+    def images_path
+      File.join assets_path, 'images'
+    end
+
+    def assets_path
+      @assets_path ||= File.join gem_path, ''
+    end
+
+    # Environment detection helpers
+    def sprockets?
+      defined?(::Sprockets)
+    end
+
+    def rails?
+      defined?(::Rails)
+      autoload 'VERSION', 'pusher-chameleon/version'
+    end
+
+    private
+
+    def configure_sass
+      require 'sass'
+
+      ::Sass.load_paths << stylesheets_path
+
+      # bootstrap requires minimum precision of 8, see https://github.com/twbs/bootstrap-sass/issues/409
+      ::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
+    end
+
+
+    def register_rails_engine
+      require 'pusher-chameleon/engine'
+    end
+
+
+    def register_sprockets
+      Sprockets.append_path(stylesheets_path)
+      Sprockets.append_path(javascripts_path)
+      Sprockets.append_path(images_path)
+    end
+  end
+end
+
+PusherChameleon.load!