A library agnostic bit of code that enables element queries for hyper-responsive layouts and UI
<section media="query(small-width, (max-width: 300px))">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
</section>
section[matched-media~="small-width"] {
font-size: 50%; /* small text for a wee lil element! */
}