forever_style_guide 3.0.40 → 3.0.41

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f148b43e8a6d15d9f772f706aebb07a761a35e0f
-  data.tar.gz: a112254d1e1e82cb0bcc86f9f72041a8b7dc2ddf
+  metadata.gz: 9aea47aa9023eb048cf26e7a5bc2766476ac6b06
+  data.tar.gz: 415d4320b71cd34b9c1d35bfe4637463d7e0e241
 SHA512:
-  metadata.gz: b6436dc6b331e39f6789ea057952082abc4da9092f400b8adf77507dcadd73171679e81838bbe74a97bdc418082e67f4fdfeb058b584fef22800321f9647c7ac
-  data.tar.gz: 85b8d06633020d9775af38779d8890e6d2a27449c4cadbb156258975eb6339c5a021be8dc4c0cb22377a3c328b6c2a321819e07fd8a8f219e043d0ae1a4ebeaf
+  metadata.gz: 7e5953baab467b133c22d2c23e415b04a8ae9c4bb72fe912aa87c96a37041f515daa1c778809af4569062e1c08bdec56fde8cd5da4264c686066e11c45024a23
+  data.tar.gz: d63a26232db25a3c1d43980c015ca3016910828fcad783b9f801766c1f2d3558886d792bcbbde3d562a681cbabe5e0bed10b8a0fc2ac5699e53c723ff41bb253

data/app/assets/stylesheets/forever_style_guide/globals/_all.scss

@@ -2,7 +2,6 @@
 @import "fonts";
 @import "breakpoints";
 @import "variables";
-@import "icons";
 @import "mixins";
 @import "effects";
 @import "layout";

data/app/assets/stylesheets/forever_style_guide/globals/_mixins.scss

@@ -23,19 +23,6 @@ $color-nav-hover: color('secondary');
   transition: $transition-property $transition-time $method;
 }
 
-@mixin circle($diameter, $color) {
-  width: $diameter;
-  height: $diameter;
-  border-radius: 50%;
-  background-color: $color;
-}
-
-@mixin link_visited_hover_active {
-  &:link, &:visited, &:hover, &:active {
-    @content;
-  }
-}
-
 @mixin center_with_flexbox ($flex-align, $justify-content) {
   display: -webkit-box;
   display: -webkit-flex;

data/app/assets/stylesheets/forever_style_guide/modules/_all.scss

@@ -6,13 +6,10 @@
 @import "footer";
 @import "hero";
 @import "hero-block";
-@import "hero-blur";
-@import "hero-product";
 @import "hero_simple";
 @import "impersonation_banner";
 @import "input_groups";
 @import "list";
-@import "list-toggle";
 @import "nav";
 @import "nav-dropdowns";
 @import "nav-dropdowns-account";
@@ -21,7 +18,6 @@
 @import "nav-icons";
 @import "nav-item-list";
 @import "nav-offcanvas";
-@import "popover";
 @import "progress";
 @import "promo_banner";
 @import "responsive_utilities";
@@ -30,4 +26,3 @@
 @import "hero_simple";
 @import "modal";
 @import "signin";
-@import "switch";

data/lib/forever_style_guide/version.rb

@@ -1,3 +1,3 @@
 module ForeverStyleGuide
-  VERSION = "3.0.40"
+  VERSION = "3.0.41"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: forever_style_guide
 version: !ruby/object:Gem::Version
-  version: 3.0.40
+  version: 3.0.41
 platform: ruby
 authors:
 - Nicholas McClay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-27 00:00:00.000000000 Z
+date: 2017-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -217,12 +217,8 @@ files:
 - app/assets/images/forever_style_guide/single-product.jpg
 - app/assets/images/forever_style_guide/valet-logo-sm.png
 - app/assets/images/forever_style_guide/valet-logo.png
-- app/assets/javascripts/forever_style_guide/account-popover.js
 - app/assets/javascripts/forever_style_guide/application.js
-- app/assets/javascripts/forever_style_guide/hero-blur.js
-- app/assets/javascripts/forever_style_guide/list-toggle.js
 - app/assets/javascripts/forever_style_guide/offcanvas.js
-- app/assets/javascripts/forever_style_guide/popover.js
 - app/assets/stylesheets/forever_style_guide/_all.scss
 - app/assets/stylesheets/forever_style_guide/base/_all.scss
 - app/assets/stylesheets/forever_style_guide/base/_bootstrap_reset.scss
@@ -234,7 +230,6 @@ files:
 - app/assets/stylesheets/forever_style_guide/globals/_colors.scss
 - app/assets/stylesheets/forever_style_guide/globals/_effects.scss
 - app/assets/stylesheets/forever_style_guide/globals/_fonts.scss
-- app/assets/stylesheets/forever_style_guide/globals/_icons.scss
 - app/assets/stylesheets/forever_style_guide/globals/_layout.scss
 - app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
 - app/assets/stylesheets/forever_style_guide/globals/_variables.scss
@@ -246,13 +241,10 @@ files:
 - app/assets/stylesheets/forever_style_guide/modules/_fa-feature_bullet.scss
 - app/assets/stylesheets/forever_style_guide/modules/_footer.scss
 - app/assets/stylesheets/forever_style_guide/modules/_hero-block.scss
-- app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss
-- app/assets/stylesheets/forever_style_guide/modules/_hero-product.scss
 - app/assets/stylesheets/forever_style_guide/modules/_hero.scss
 - app/assets/stylesheets/forever_style_guide/modules/_hero_simple.scss
 - app/assets/stylesheets/forever_style_guide/modules/_impersonation_banner.scss
 - app/assets/stylesheets/forever_style_guide/modules/_input_groups.scss
-- app/assets/stylesheets/forever_style_guide/modules/_list-toggle.scss
 - app/assets/stylesheets/forever_style_guide/modules/_list.scss
 - app/assets/stylesheets/forever_style_guide/modules/_modal.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-account.scss
@@ -263,14 +255,12 @@ files:
 - app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav-offcanvas.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav.scss
-- app/assets/stylesheets/forever_style_guide/modules/_popover.scss
 - app/assets/stylesheets/forever_style_guide/modules/_progress.scss
 - app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
 - app/assets/stylesheets/forever_style_guide/modules/_responsive_utilities.scss
 - app/assets/stylesheets/forever_style_guide/modules/_select.scss
 - app/assets/stylesheets/forever_style_guide/modules/_shame.scss
 - app/assets/stylesheets/forever_style_guide/modules/_signin.scss
-- app/assets/stylesheets/forever_style_guide/modules/_switch.scss
 - app/assets/stylesheets/forever_style_guide/utils/_color-utils.scss
 - app/assets/stylesheets/forever_style_guide/utils/_font-utils.scss
 - app/assets/stylesheets/forever_style_guide/utils/_logger.scss
@@ -316,9 +306,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.6
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A live style guide and component API for the Forever brand
 test_files: []
-has_rdoc: 

data/app/assets/javascripts/forever_style_guide/account-popover.js

@@ -1,108 +0,0 @@
-// an 'accounPopover' namespace for additional popover functionality.
-var accountPopover = (function () {
-  /**
-    Apply 'danger', 'warning' classes to the
-    popover's progress bar and upgrade button.
-
-    Example
-
-    ```javascript
-      _addStateClasses($popoverContainer, 'danger');
-    ```
-
-    @private
-  */
-  var _addStateClasses = function (container, state) {
-    container.find(".account-popover-link-text").addClass("account-popover-link-" + state);
-    container.find(".account-popover-storage-upgrade .btn").addClass("btn-" + state);
-    container.find(".progress-bar").addClass("progress-bar-" + state);
-  };
-
-  /**
-    Removes the 'danger' and 'warning' classes to
-    the popover's progress bar and upgrade button.
-
-    Example
-
-    ```javascript
-      _resetClasses($popoverContainer);
-    ```
-
-    @private
-  */
-  var _resetClasses = function (container) {
-    container.find(".account-popover-link-danger").removeClass("account-popover-link-danger");
-    container.find(".account-popover-link-warning").removeClass("account-popover-link-warning");
-    container.find(".account-popover-storage-upgrade .btn").removeClass("btn-danger btn-warning");
-    container.find(".progress-bar").removeClass("progress-bar-danger progress-bar-warning");
-  };
-
-  /**
-    Sets the user's storage data in the account
-    popover.
-
-    Example
-
-    ```javascript
-      var storage = {
-        membership_type: "Intro Member",
-        percent_used: "35%",
-        total_storage: "3GB"
-      };
-
-      accountPopover.setAccountStorage(storage)
-    ```
-
-    @public
-  */
-  var setAccountStorage = function (storage) {
-    if (!storage.membership_type || !storage.percent_used || !storage.total_storage) {
-      return console.warn("argument storage must contain the following keys: 'membership_type', 'percent_used', 'total_storage'");
-    }
-
-    var container = $(".account-popover-storage");
-    var percentAsInt = parseInt(storage.percent_used);
-
-    _resetClasses(container);
-
-    container.find(".account-popover-membership_type").html(storage.membership_type);
-    container.find(".account-popover-percent_used, .progress-label").html(storage.percent_used);
-    container.find(".account-popover-total_storage").html(storage.total_storage);
-    container.find(".progress-bar").attr("style", "width: " + storage.percent_used + ";");
-
-    if (percentAsInt >= 100) {
-      _addStateClasses(container, "danger");
-      container.find(".account-popover-storage-upgrade").show();
-    } else if (percentAsInt >= 90) {
-      _addStateClasses(container, "warning");
-    } else {
-      container.find(".account-popover-storage-upgrade").hide();
-    }
-  };
-
-  return {
-    setAccountStorage: setAccountStorage
-  };
-})();
-
-// Trigger account popovers
-$(function () {
-  $('[data-toggle="popover-desktop"]').popover({
-    html: true,
-    content: function () {
-      return $('.account-popover').html();
-    },
-    template: '<div class="popover account-popover hidden-sm hidden-xs"><div class="arrow"></div><div class="popover-content"></div></div>',
-    container: '.account-popover-container',
-    placement: 'bottom'
-  })
-    $('[data-toggle="popover-mobile"]').popover({
-    html: true,
-    content: function () {
-      return $('.account-popover').html();
-    },
-    template: '<div class="popover account-popover account-popover-mobile hidden-md hidden-lg"><div class="arrow"></div><div class="popover-content"></div></div>',
-    container: '.account-popover-container-mobile',
-    placement: 'bottom'
-  })
-});

data/app/assets/javascripts/forever_style_guide/hero-blur.js

@@ -1,439 +0,0 @@
-/**
- * Blur.js (jQuery module)
- *
- * @see {@link https://github.com/jakiestfu/Blur.js|GitHub}
- * @see {@link http://blurjs.com/}
- * @author Jacob Kelley <jakie8@gmail.com>
- * @license MIT
- */
-
-(function (define) {
-  define(['jquery'], function ($) {
-    $.fn.blurjs = function (options) {
-      var canvas = document.createElement('canvas');
-      var isCached = false;
-      var selector = ($(this).selector).replace(/[^a-zA-Z0-9]/g, "");
-      if(!canvas.getContext) {
-        return;
-      }
-      options = $.extend({
-        source: 'body',
-        radius: 5,
-        overlay: '',
-        offset: {
-          x: 0,
-          y: 0
-        },
-        optClass: '',
-        cache: false,
-        cacheKeyPrefix: 'blurjs-',
-        draggable: false,
-        debug: false
-      }, options);
-      // Stackblur, courtesy of Mario Klingemann: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
-      var mul_table = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
-      var shg_table = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
-
-      function stackBlurCanvasRGB(a, b, c, d, f, g) {
-        if(isNaN(g) || g < 1) return;
-        g |= 0;
-        var h = a.getContext("2d");
-        var j;
-        try {
-          try {
-            j = h.getImageData(b, c, d, f)
-          } catch(e) {
-            try {
-              netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
-              j = h.getImageData(b, c, d, f)
-            } catch(e) {
-              alert("Cannot access local image");
-              throw new Error("unable to access local image data: " + e);
-            }
-          }
-        } catch(e) {
-          alert("Cannot access image");
-          throw new Error("unable to access image data: " + e);
-        }
-        var k = j.data;
-        var x, y, i, p, yp, yi, yw, r_sum, g_sum, b_sum, r_out_sum, g_out_sum, b_out_sum, r_in_sum, g_in_sum, b_in_sum, pr, pg, pb, rbs;
-        var l = g + g + 1;
-        var m = d << 2;
-        var n = d - 1;
-        var o = f - 1;
-        var q = g + 1;
-        var r = q * (q + 1) / 2;
-        var s = new BlurStack();
-        var t = s;
-        for(i = 1; i < l; i++) {
-          t = t.next = new BlurStack();
-          if(i == q) var u = t
-        }
-        t.next = s;
-        var v = null;
-        var w = null;
-        yw = yi = 0;
-        var z = mul_table[g];
-        var A = shg_table[g];
-        for(y = 0; y < f; y++) {
-          r_in_sum = g_in_sum = b_in_sum = r_sum = g_sum = b_sum = 0;
-          r_out_sum = q * (pr = k[yi]);
-          g_out_sum = q * (pg = k[yi + 1]);
-          b_out_sum = q * (pb = k[yi + 2]);
-          r_sum += r * pr;
-          g_sum += r * pg;
-          b_sum += r * pb;
-          t = s;
-          for(i = 0; i < q; i++) {
-            t.r = pr;
-            t.g = pg;
-            t.b = pb;
-            t = t.next
-          }
-          for(i = 1; i < q; i++) {
-            p = yi + ((n < i ? n : i) << 2);
-            r_sum += (t.r = (pr = k[p])) * (rbs = q - i);
-            g_sum += (t.g = (pg = k[p + 1])) * rbs;
-            b_sum += (t.b = (pb = k[p + 2])) * rbs;
-            r_in_sum += pr;
-            g_in_sum += pg;
-            b_in_sum += pb;
-            t = t.next
-          }
-          v = s;
-          w = u;
-          for(x = 0; x < d; x++) {
-            k[yi] = (r_sum * z) >> A;
-            k[yi + 1] = (g_sum * z) >> A;
-            k[yi + 2] = (b_sum * z) >> A;
-            r_sum -= r_out_sum;
-            g_sum -= g_out_sum;
-            b_sum -= b_out_sum;
-            r_out_sum -= v.r;
-            g_out_sum -= v.g;
-            b_out_sum -= v.b;
-            p = (yw + ((p = x + g + 1) < n ? p : n)) << 2;
-            r_in_sum += (v.r = k[p]);
-            g_in_sum += (v.g = k[p + 1]);
-            b_in_sum += (v.b = k[p + 2]);
-            r_sum += r_in_sum;
-            g_sum += g_in_sum;
-            b_sum += b_in_sum;
-            v = v.next;
-            r_out_sum += (pr = w.r);
-            g_out_sum += (pg = w.g);
-            b_out_sum += (pb = w.b);
-            r_in_sum -= pr;
-            g_in_sum -= pg;
-            b_in_sum -= pb;
-            w = w.next;
-            yi += 4
-          }
-          yw += d
-        }
-        for(x = 0; x < d; x++) {
-          g_in_sum = b_in_sum = r_in_sum = g_sum = b_sum = r_sum = 0;
-          yi = x << 2;
-          r_out_sum = q * (pr = k[yi]);
-          g_out_sum = q * (pg = k[yi + 1]);
-          b_out_sum = q * (pb = k[yi + 2]);
-          r_sum += r * pr;
-          g_sum += r * pg;
-          b_sum += r * pb;
-          t = s;
-          for(i = 0; i < q; i++) {
-            t.r = pr;
-            t.g = pg;
-            t.b = pb;
-            t = t.next
-          }
-          yp = d;
-          for(i = 1; i <= g; i++) {
-            yi = (yp + x) << 2;
-            r_sum += (t.r = (pr = k[yi])) * (rbs = q - i);
-            g_sum += (t.g = (pg = k[yi + 1])) * rbs;
-            b_sum += (t.b = (pb = k[yi + 2])) * rbs;
-            r_in_sum += pr;
-            g_in_sum += pg;
-            b_in_sum += pb;
-            t = t.next;
-            if(i < o) {
-              yp += d
-            }
-          }
-          yi = x;
-          v = s;
-          w = u;
-          for(y = 0; y < f; y++) {
-            p = yi << 2;
-            k[p] = (r_sum * z) >> A;
-            k[p + 1] = (g_sum * z) >> A;
-            k[p + 2] = (b_sum * z) >> A;
-            r_sum -= r_out_sum;
-            g_sum -= g_out_sum;
-            b_sum -= b_out_sum;
-            r_out_sum -= v.r;
-            g_out_sum -= v.g;
-            b_out_sum -= v.b;
-            p = (x + (((p = y + q) < o ? p : o) * d)) << 2;
-            r_sum += (r_in_sum += (v.r = k[p]));
-            g_sum += (g_in_sum += (v.g = k[p + 1]));
-            b_sum += (b_in_sum += (v.b = k[p + 2]));
-            v = v.next;
-            r_out_sum += (pr = w.r);
-            g_out_sum += (pg = w.g);
-            b_out_sum += (pb = w.b);
-            r_in_sum -= pr;
-            g_in_sum -= pg;
-            b_in_sum -= pb;
-            w = w.next;
-            yi += d
-          }
-        }
-        h.putImageData(j, b, c)
-      }
-
-      function BlurStack() {
-        this.r = 0;
-        this.g = 0;
-        this.b = 0;
-        this.a = 0;
-        this.next = null
-      }
-      return this.each(function () {
-        var $glue = $(this);
-        var $source = $(options.source);
-        var formattedSource = ($source.css('backgroundImage')).replace(/"/g, "").replace(/url\(|\)$/ig, "");
-        ctx = canvas.getContext('2d');
-        tempImg = new Image();
-        tempImg.onload = function () {
-          if(!isCached) {
-            canvas.style.display = "none";
-            canvas.width = tempImg.width;
-            canvas.height = tempImg.height;
-            ctx.drawImage(tempImg, 0, 0);
-            stackBlurCanvasRGB(canvas, 0, 0, canvas.width, canvas.height, options.radius);
-
-            ctx.beginPath();
-            ctx.rect(0, 0, tempImg.width, tempImg.width);
-
-            if(options.overlay != false) {
-              ctx.fillStyle = options.overlay;
-            }
-            // customer overlay via attribute
-            if ($glue.attr("data-hero-overlay")) {
-              options.overlay = $glue.attr("data-hero-overlay");
-              ctx.fillStyle = options.overlay;
-            }
-
-            ctx.fill();
-
-            var blurredData = canvas.toDataURL();
-            if(options.cache) {
-              try {
-                if(options.debug) {
-                  console.log('Cache Set');
-                }
-                localStorage.setItem(options.cacheKeyPrefix + selector + '-' + formattedSource + '-data-image', blurredData);
-              } catch(e) {
-                console.log(e);
-              }
-            }
-          } else {
-            var blurredData = tempImg.src;
-          }
-          var attachment = $source.css('backgroundAttachment');
-          var position = (attachment == 'fixed') ? '' : '-' + (($glue.offset().left) - ($source.offset().left) - (options.offset.x)) + 'px -' + (($glue.offset().top) - ($source.offset().top) - (options.offset.y)) + 'px';
-          $glue.css({
-            'background-image': 'url("' + blurredData + '")',
-            'background-repeat': $source.css('backgroundRepeat'),
-            'background-position': position,
-            'background-attachment': attachment
-          });
-          if(options.optClass != false) {
-            $glue.addClass(options.optClass);
-          }
-          if(options.draggable) {
-            $glue.css({
-              'background-attachment': 'fixed',
-              'background-position': '0 0'
-            });
-            $glue.draggable();
-          }
-
-          $glue.attr({
-            "data-hero-width" : canvas.width,
-            "data-hero-height" : canvas.height,
-            "data-hero-overlay": options.overlay
-          });
-          $glue.trigger( "loaded", canvas);
-        };
-        Storage.prototype.cacheChecksum = function (opts) {
-          var newData = '';
-          for(var key in opts) {
-            var obj = opts[key];
-            if(obj.toString() == '[object Object]') {
-              newData += ((obj.x).toString() + (obj.y).toString() + ",").replace(/[^a-zA-Z0-9]/g, "");
-            } else {
-              newData += (obj + ",").replace(/[^a-zA-Z0-9]/g, "");
-            }
-          }
-          var originalData = this.getItem(options.cacheKeyPrefix + selector + '-' + formattedSource + '-options-cache');
-          if(originalData != newData) {
-            this.removeItem(options.cacheKeyPrefix + selector + '-' + formattedSource + '-options-cache');
-            this.setItem(options.cacheKeyPrefix + selector + '-' + formattedSource + '-options-cache', newData);
-            if(options.debug) {
-              console.log('Settings Changed, Cache Emptied');
-            }
-          }
-        };
-        var cachedData = null;
-        if(options.cache) {
-          localStorage.cacheChecksum(options);
-          cachedData = localStorage.getItem(options.cacheKeyPrefix + selector + '-' + formattedSource + '-data-image');
-        }
-        if(cachedData != null) {
-          if(options.debug) {
-            console.log('Cache Used');
-          }
-          isCached = true;
-          tempImg.src = (cachedData);
-          canvas.width = tempImg.width;
-          canvas.height = tempImg.height;
-        } else {
-          if(options.debug) {
-            console.log('Source Used');
-          }
-          tempImg.src = formattedSource;
-        }
-      });
-    };
-    return $; // return jQuery
-  });
-})(
-  typeof define === 'function' && define.amd
-    ? define
-    : function (r, factory) { factory(jQuery);
-  }
-);
-
-
-(function UpdateHeroModule (elem) {
-
-  // percentage of 'x' position of center of focus for bg scaling
-  var xFocus = 0.8;
-  var yFocus = 0.5;
-
-  this.blurGenerated = false;
-  this.windowWidth = $(window).width();
-
-  this.updateHeroPosition = function updateHeroPosition() {
-    var $source = $('.hero-blur');
-    var $blur = $(".hero-block-blur");
-
-    var imgWidth = $blur.attr('data-hero-width');
-    var imgHeight = $blur.attr('data-hero-height');
-    var imgScale = imgHeight / imgWidth;
-    var heroScale = $source.outerHeight() / $source.outerWidth();
-
-    // how many scaled pixels are on/off the viewport
-    var imgOnScreenX = (imgScale / heroScale) * imgWidth;
-    var imgOffScreenX = imgWidth - imgOnScreenX;
-    var imgOnScreenY = (imgScale / heroScale) * imgHeight;
-    var imgOffScreenY = imgHeight - imgOnScreenY;
-
-    var viewFactorX = imgOffScreenX / imgOnScreenX;
-    var viewFactorY = Math.abs(imgOffScreenY / imgOnScreenY);
-
-    // how many actual pixels are on/off the viewport
-    var heroOnScreenX = $source.outerWidth();
-    var heroOffScreenX = heroOnScreenX * viewFactorX;
-
-    var heroOnScreenY = $source.outerHeight();
-    var heroOffScreenY = heroOnScreenY * viewFactorY;
-
-    var offsetBlurY = $source.offset().top - $blur.offset().top;
-    var offsetBlurX = $source.offset().left - $blur.offset().left;
-
-    if (heroScale >= imgScale) {
-      //console.log("image is wider than screen", heroOnScreenX, imgOffScreenX, heroOnScreenX, heroOffScreenX, viewFactorX, heroOnScreenY);
-      offsetBlurX -= heroOffScreenX * xFocus;
-      $blur.css('background-size', (heroOnScreenX + heroOffScreenX) + 'px ' + heroOnScreenY + "px");
-    } else {
-      //console.log("image is taller than screen", imgOnScreenY, imgOffScreenY, heroOnScreenY, heroOffScreenY, viewFactorY);
-      $blur.css('background-size',  heroOnScreenX + 'px auto');
-    }
-
-    $source.css('background-position', (xFocus * 100) + '% ' + '0%');
-    $blur.css('background-position', (offsetBlurX) + 'px ' + (offsetBlurY) + 'px');
-  };
-
-  this.generateHeroBlur = function(done) {
-    $('.hero-block-blur').blurjs({
-      source: '.hero-blur',
-      radius: 30,
-      overlay: 'rgba(255,255,255,0.8)'
-    }).on('loaded', function(e, canvas) {
-      done(e, canvas);
-    });
-  };
-
-  this.initialize = function() {
-    $(".hero-blur").addClass('hero-blur-visible');
-
-    this.generateHeroBlur(function(e, canvas) {
-      this.blurGenerated = true;
-      // initializes position upon load
-      $(e.target).addClass('hero-block-blur-visible');
-      this.updateHeroPosition();
-    });
-
-    this.updateHeroPosition();
-  };
-
-  elem.UpdateHeroModule = this;
-})(window);
-
-// initialize
-$(function() {
-  // prevent errors on pages that do not contain a '.hero-blur' node.
-  // prefer early return in here vs. wrapping selectors and applying
-  // the plugin so that we don't have add $('.hero-blur').pluginName()
-  // to all of our individual projects.
-  if (!$(".hero-blur").length) return;
-
-  // prevents a race condition where var heroOnScreenY = $source.outerHeight(); above returns an incorrect height
-  setTimeout(function() {
-    window.UpdateHeroModule.initialize();
-  }, 100);
-
-  // mobile images will use optimized image fallback
-  if ($(window).width() <= 768) {
-    $(".hero-blur").addClass('hero-blur-visible');
-    $(".hero-block-side .hero-block-blur").addClass('hero-block-blur-visible');
-  }
-});
-
-
-$(window).resize(function() {
-  if (!$(".hero-blur").length) return;
-
-  var updateHeroModule = window.UpdateHeroModule;
-
-  // Check window width has actually changed and it's not just iOS triggering a resize event on scroll
-  if ($(window).width() != updateHeroModule.windowWidth) {
-    updateHeroModule.updateHeroPosition();
-    // Update the window width for next time
-    updateHeroModule.windowWidth = $(window).width();
-  }
-
-  // if mobile optimized image was loaded, now generate a proper blur image (mostly for local testing)
-  if (!updateHeroModule.blurGenerated && $(window).width() >= 768) {
-    updateHeroModule.blurGenerated = true;
-    $(".hero-block-blur").removeClass('hero-block-blur-visible');
-    updateHeroModule.generateHeroBlur(function(e, canvas) {
-      $(e.target).addClass('hero-block-blur-visible');
-      updateHeroModule.updateHeroPosition();
-    });
-  }
-});

data/app/assets/javascripts/forever_style_guide/list-toggle.js

@@ -1,46 +0,0 @@
-var setup_toggle_list = function () {
-  $(".list-group-toggler").click(function (e) {
-    e.preventDefault();
-    $(this).next('.list-group-item-child').toggleClass("is_open");
-    $(this).find('.list-group-toggle-trigger').toggleClass("fa-plus fa-minus");
-  });
-
-  $('.list-group-link').on('click', function (e) {
-    e.preventDefault();
-    if(!$(this).parent().hasClass('list-group-toggler')) {
-
-      var checkBox = $(this).next("input[type='checkbox']");
-      checkBox.prop('checked', !checkBox.prop('checked'));
-
-      if(checkBox.prop('checked')){
-        $(this).toggleClass('list-group-link-is_active');
-        $(this).append('<i class="fa fa-times"></i>');
-        $(this).parents('.list-group-item').addClass('is_active');
-      }
-      else {
-        $(this).toggleClass('list-group-link-is_active');
-        $(this).find('i').remove();
-        if( !$(this).parent().parents('.list-group-item').find('input:checkbox:checked').length) {
-          $(this).parent().parents('.list-group-item').removeClass('is_active');
-        }
-      }
-
-      $(this).parents('form[data-listToggle]').submit();
-    }
-  });
-
-  var activeListItems = $('.list-group-link-is_active');
-
-  if ($(activeListItems).length) {
-    $(activeListItems).append('<i class="fa fa-times"></i>');
-    $(activeListItems).next("input[type='checkbox']").prop('checked', true);
-    $(activeListItems).addClass('list-group-link-is_active');
-    $(activeListItems).parents('.list-group-item-child').addClass('is_open');
-    $(activeListItems).parents('.list-group-item')
-      .find('.list-group-toggle-trigger.fa')
-      .removeClass('fa-plus')
-      .addClass('fa-minus');
-  }
-};
-$(document).ready(setup_toggle_list);
-$(document).on('page:load', setup_toggle_list);

data/app/assets/javascripts/forever_style_guide/popover.js

@@ -1,41 +0,0 @@
-$(function () {
-  $('[data-toggle="popover"]').popover();
-});
-
-$.fn.popover.Constructor.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
-  return  placement == 'bottom' ?       { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
-          placement == 'top' ?          { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
-          placement == 'left' ?         { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
-          placement == 'bottomleft' ?   { top: pos.top + pos.height, left: (pos.left - actualWidth+ pos.width)  } :
-          placement == 'bottomright' ?  { top: pos.top + pos.height, left: pos.left } :
-          /* placement == 'right' */    { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
-};
-
-$.fn.popover.Constructor.prototype.replaceArrow = function (delta, dimension, isHorizontal) {
-  var $arrow   = this.arrow();
-  var arrowWidth  = $arrow[0].offsetWidth;
-  var arrowHeight = $arrow[0].offsetHeight;
-
-  var $tip = this.tip();
-  var tipWidth = $tip[0].offsetWidth;
-  var tipHeight = $tip[0].offsetHeight;
-
-  var $button = this.$element;
-  var buttonWidth = $button[0].offsetWidth;
-  var buttonHeight = $button[0].offsetHeight;
-
-  switch(this.options.placement) {
-    case "bottomleft":
-      var centerOfButton = tipWidth - buttonWidth / 2;
-      this.arrow().css('left', centerOfButton + "px");
-      break;
-    case "bottomright":
-      var centerOfButton = buttonWidth / 2;
-      this.arrow().css('left', centerOfButton + "px");
-      break;
-    default:
-      this.arrow()
-        .css(isHorizontal ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
-        .css(isHorizontal ? 'top' : 'left', '')
-  }
-};

data/app/assets/stylesheets/forever_style_guide/modules/_hero-blur.scss

@@ -1,31 +0,0 @@
-.hero-blur {
-  height: 100%;
-  opacity: 0;
-  background-position: top center;
-  background-repeat: no-repeat;
-  @include clearfix;
-  @include transition(opacity 1s ease-in);
-}
-
-.hero-block-blur {
-  position: relative;
-  margin-top: 150px;
-  opacity: 0;
-  @include transition(opacity 1s ease-in);
-
-  @media (min-width: $screen-lg) {
-    margin-top: 250px;
-    margin-bottom: 50px;
-  }
-  @media (min-width: $screen-xl) {
-    margin-top: 300px;
-    margin-bottom: 100px;
-  }
-  &.hero-block-side {
-    @extend .hero-block-side;
-  }
-}
-.hero-block-blur-visible,
-.hero-blur-visible {
-  opacity: 1.0;
-}

data/app/assets/stylesheets/forever_style_guide/modules/_hero-product.scss

@@ -1,25 +0,0 @@
-.hero-product-logo {
-  margin-left: 0;
-  padding-top: 40px;
-
-  @media (max-width: $screen-sm) {
-    position: relative;
-    padding: 0;
-    margin: auto;
-    width: 100%;
-    max-width: 500px;
-  }
-
-  .hero-product-details {
-    font-size: $font-size-500;
-    padding: 30px 10px;
-
-    @media (max-width: $screen-sm) {
-      font-size: $font-size-400;
-      padding: 20px 0;
-    }
-  }
-}
-.hero-product-logo-block {
-  height: 100px;
-}

data/app/assets/stylesheets/forever_style_guide/modules/_list-toggle.scss

@@ -1,108 +0,0 @@
-$toggle-list-bg: color('white');
-
-.list-group-toggler:hover {
-  cursor: pointer;
-}
-
-.list-group-toggle {
-  font-size: $font-size-300;
-
-  .list-group-toggle-trigger {
-    padding: 2px 10px 6px;
-    float: right;
-    color: color('gray-500');
-    font-size: $font-size-small;
-    background-color: $toggle-list-bg;
-    box-shadow: none;
-
-    &:hover {
-      color: color('secondary');
-      cursor: pointer;
-      background-color: $toggle-list-bg;
-    }
-    &:focus,
-    &:active {
-      background-color: $toggle-list-bg;
-      box-shadow: none;
-    }
-  }
-  .list-group-item {
-    padding: 5px;
-    background-color: $toggle-list-bg;
-    border-color: color('gray-300') $toggle-list-bg $toggle-list-bg;
-
-    &:last-child {
-      border-bottom-color: color('gray-300');
-    }
-  }
-  .list-group-item {
-    border-left: 2px solid transparent;
-
-    &.is_active {
-      border-right-color: color('gray-300');
-      border-left-color: color('primary');
-
-      &:hover {
-        background-color: $toggle-list-bg;
-      }
-    }
-  }
-  .list-group-link {
-    display: inline-block;
-    padding: 0;
-    color: color('secondary');
-    border: 0;
-
-    &:hover,
-    &:active,
-    &:focus {
-      color: color('secondary');
-      border: 0;
-      background: none;
-      text-shadow: none;
-    }
-    &.list-group-link-is_active {
-      display: inline-block;
-      padding: $padding-xs-vertical $padding-xs-horizontal;
-      color: color('white');
-      background-color: color('secondary');
-      border-color: color('gray-300');
-      border-radius: $border-radius-large;
-
-      &:hover,
-      &:focus,
-      &:active,
-      &:active:focus {
-        color: color('white');
-        background-color: color('secondary');
-        text-decoration: none;
-      }
-      .fa {
-        padding-left: $padding-small-horizontal;
-      }
-    }
-  }
-  .list-group-item-child {
-    max-height: 0;
-    margin-top: 0;
-    overflow: hidden;
-    opacity: 0.8;
-    @include transition(max-height 0.3s ease-in-out, margin-top 0.2s ease-in-out, opacity 0.2s ease-in-out);
-
-    &.is_open {
-      max-height: 1000px; // may need adjusted given list length
-      opacity: 1.0;
-    }
-    .list-group-item {
-      padding-left: 10px;
-      border: 0;
-    }
-    .list-group-item.is_active {
-      border: 0;
-    }
-    .list-group-link-is_active {
-      margin-left: -$padding-xs-horizontal;
-    }
-  }
-}
-

data/app/assets/stylesheets/forever_style_guide/modules/_popover.scss

@@ -1,39 +0,0 @@
-@import "bootstrap/variables";
-
-.popover {
-  // Offset the popover to account for the popover arrow
-  &.bottomleft    { margin-top: $popover-arrow-width; }
-  &.bottomright   { margin-top: $popover-arrow-width; }
-
-  &.bottomleft > .arrow {
-    left: 90%;
-    margin-left: -$popover-arrow-outer-width;
-    border-top-width: 0;
-    border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-bottom-color: $popover-arrow-outer-color;
-    top: -$popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      top: 1px;
-      margin-left: -$popover-arrow-width;
-      border-top-width: 0;
-      border-bottom-color: $popover-arrow-color;
-    }
-  }
-
-  &.bottomright > .arrow {
-    left: 10%;
-    margin-left: -$popover-arrow-outer-width;
-    border-top-width: 0;
-    border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
-    border-bottom-color: $popover-arrow-outer-color;
-    top: -$popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      top: 1px;
-      margin-left: -$popover-arrow-width;
-      border-top-width: 0;
-      border-bottom-color: $popover-arrow-color;
-    }
-  }
-}

data/app/assets/stylesheets/forever_style_guide/modules/_switch.scss

@@ -1,96 +0,0 @@
-// Global variables for overriding behavior in individual CSS files
-$toggle_width: 56px;
-$toggle_height: 21px;
-$toggle_horizontal_padding: 10px;
-$toggle_vertical_padding: 2px;
-$toggle_circle_diameter: 13px;
-$toggle_no_background: color('gray');
-$toggle_yes_background: color('primary');
-
-.switch {
-  display: inline-block;
-  position: relative;
-  width: $toggle_width;
-  height: $toggle_height;
-  overflow: hidden;
-  padding: $toggle_vertical_padding 5px;
-  border-radius: 10px;
-  cursor: pointer;
-  color: $color-white !important;
-  background: $toggle_no_background;
-  font-size: $font-size-100;
-  text-transform: uppercase;
-  line-height: $toggle_height - $toggle_vertical_padding;
-
-  &:after {
-    position: absolute;
-    z-index: 1;
-    width: $toggle_width - ($toggle_circle_diameter);
-  }
-
-  // Circle "knob"
-  &:not(.disabled):before {
-    content: "";
-    position: relative;
-    z-index: 2;
-    float: right;
-    display: block;
-    width: $toggle_circle_diameter;
-    height: $toggle_circle_diameter;
-    margin-top: 2px;
-    border-radius: 50%;
-    background-color: color('white');
-  }
-  &.switch-no, &.switch-off {
-    text-align: left;
-    padding-left: $toggle_horizontal_padding;
-    background: $toggle_no_background;
-
-    &:before {
-      float: right;
-    }
-    &:after {
-      top: $toggle_vertical_padding;
-      left: $toggle_circle_diameter;
-      padding-right: $toggle_horizontal_padding;
-      background: $toggle_no_background;
-    }
-  }
-  &.switch-yes, &.switch-on {
-    text-align: right;
-    padding-right: $toggle_horizontal_padding;
-    background: $toggle_yes_background;
-
-    &:before {
-      float: left;
-    }
-    &:after {
-      top: $toggle_vertical_padding;
-      right: $toggle_circle_diameter;
-      padding-left: $toggle_horizontal_padding;
-      background: $toggle_yes_background;
-    }
-  }
-  &:link,
-  &:hover {
-    color: color('white');
-    text-decoration: none;
-  }
-  &.disabled {
-    font-style: inherit;
-  }
-
-  &.switch-yes:after {
-    content: "Yes";
-  }
-  &.switch-no:after {
-    content: "No";
-  }
-  &.switch-on:after {
-    content: "On";
-  }
-  &.switch-off:after {
-    content: "Off";
-  }
-
-}