kist-dochopper/test/definition/api.html

Move elements on page depending on media query.

<div data-hop-from="hop3"></div>

<div class="hopper" data-hop-conditions='[{"into":"hop3","media":"screen and (min-width:900px)"},{"into":"hop1","media":"screen and (min-width:1200px)"},{"into":"hop2","media":"screen and (min-width:1400px)"}]'></div>