tags:
- breakpoints
---
-
+
## Default Media Queries
Foundation for Sites has three core breakpoints:
The media query helper broadcasts an event on the window every time the breakpoint changes. We use this internally with plugins like Interchange to detect a shift in breakpoint. You can also subscribe to the event yourself.
```js
-$(window).on('changed.zf.mediaquery', function(event, name) {
- // name is the name of the breakpoint
+$(window).on('changed.zf.mediaquery', function(event, newSize, oldSize) {
+ // newSize is the name of the now-current breakpoint, oldSize is the previous breakpoint
});
```