strickies recalculate and rebind on window resize

CHANGELOG.md

@@ -19,6 +19,7 @@
 - Ie9 Shim for `<input>` line height
 - Ie9 Shim for `.tooltip` line height
 - Prefixerize transform property in tooltips
+- Resizing window recalculates and rebind stickies
 
 
 ## 0.9.2

lib/js/calcite-web.js

@@ -5,7 +5,7 @@
   // └────────────┘
   // define all public api methods (excluding patterns)
   var calcite = {
-    version: 'v0.10.0',
+    version: 'v0.10.1',
     click: click,
     addEvent: addEvent,
     removeEvent: removeEvent,
@@ -538,16 +538,22 @@
   // sticks things to the window
   calcite.sticky = function () {
     var elements = findElements('.js-sticky');
-    var stickies = elements.map(function (el) {
-      var offset = el.offsetTop;
-      var dataTop = el.getAttribute('data-top') || 0;
-      return {
-        active: false,
-        top: offset - parseInt(dataTop, 0),
-        shim: el.cloneNode('deep'),
-        element: el
-      };
-    });
+
+    function calculateStickyPositions () {
+      var stickies = elements.map(function (el) {
+        var offset = el.offsetTop;
+        var dataTop = el.getAttribute('data-top') || 0;
+        return {
+          active: false,
+          top: offset - parseInt(dataTop, 0),
+          shim: el.cloneNode('deep'),
+          element: el
+        };
+      });
+      return stickies;
+    }
+
+    var stickies = calculateStickyPositions();
 
     function handleScroll(item, offset) {
       var el = item.element;
@@ -569,13 +575,20 @@
       }
     }
 
-    addEvent(window, 'scroll', function () {
+    function bindStickies (e) {
       var offset = window.pageYOffset;
       stickies.forEach(function (sticky) {
         handleScroll(sticky, offset);
       });
-    });
+    }
 
+    addEvent(window, 'scroll', bindStickies);
+
+    window.onresize = function() {
+      stickies = calculateStickyPositions();
+      removeEvent(window, 'scroll', bindStickies);
+      addEvent(window, 'scroll', bindStickies);
+    };
   };
 
   // ┌────────────────────┐