bgaeddert · May 26, 2015 01:19 · May 26, 2015
diff --git a/onBreakPointChange.js b/onBreakPointChange.js
@@ -0,0 +1,43 @@
+function onBreakPointChange(breakPoint){
+
+    // Put code here to run on any break point change.
+    // Ex. large to medium and medium to large and small to medium...
+
+    if (matchMedia(Foundation.media_queries['small']).matches){
+        // Put code here to run when page changes to small
+    }
+    if (matchMedia(Foundation.media_queries['medium']).matches){
+        // Put code here to run when page changes to medium
+    }
+    if (matchMedia(Foundation.media_queries['large']).matches){
+        // Put code here to run when page changes to large
+    }
+    if (matchMedia(Foundation.media_queries['xlarge']).matches){
+        // Put code here to run when page changes to xlarge
+    }
+}
+
+var lastBreakPoint = null;
+$(window).on("resize",function() {
+
+    var currentBreakPoint = null;
+
+    if (matchMedia(Foundation.media_queries['small']).matches){
+        currentBreakPoint = 'small';
+    }
+    if (matchMedia(Foundation.media_queries['medium']).matches){
+        currentBreakPoint = 'medium';
+    }
+    if (matchMedia(Foundation.media_queries['large']).matches){
+        currentBreakPoint = 'large';
+    }
+    if (matchMedia(Foundation.media_queries['xlarge']).matches){
+        currentBreakPoint = 'xlarge';
+    }
+
+    if(lastBreakPoint != currentBreakPoint){
+        lastBreakPoint = currentBreakPoint;
+        onBreakPointChange(currentBreakPoint);
+    }
+
+});