You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
x-querybox[matched-media~="small-width"] {
font-size:50%; /* small text for a wee lil element! */
}
Adding mediachange Event Listeners:
document.querySelector('x-querybox').addEventListener('mediachange',function(e){if(e.detail.indexOf('small-width')>-1){// the 'small-width' query is active, do some smally-widthy stuff!}});