The goal was to design a modal that could hold a video and be added (like a plugin) to many different sites. I used the 'style scoping' feature of EQCSS to ensure that the plugin's styles would be 'quarantined' from the rest of the CSS and applied directly to the element in a way that the on-site CSS wouldn't interfere with
A small demo showcasing how awesome element queries are and why we still need to discuss them. Responsive design is not 100% media queries. Using EQCSS by Tommy Hodgins.
Using element queries to power a layout with a cover image and a nav that sticks to the top of the page on scroll with the following query:
Proportional borders are impossible with CSS alone. This uses the EQCSS library to show element queries in action resizing the borders of the phone.
Need to know how to enable it? Go here.