Core grid manipulation functionality. Illustrates context-variable class modifications and move functionality.
Context-specific re-classing
<section class="col10wide column"
in data-in-base-class="column"
data-in-mobile-class="col3wide"
data-in-tablet-class="col6wide"
data-in-standard-class="col10wide">
...
</section>
Context-specific DOM manipulation
<div id="ad">
<div in data-in-base-append="#ad"
data-in-standard-append="#ad"
data-in-mobile-append="#mobile_ad"
data-in-tablet-append="#tablet_ad">
...
</div>
</div>
<div id="mobile_ad"></div>
<div id="tablet_ad"></div>