🎨 CSS -

Media Query State to JavaScript

A way to pass media query state to JavaScript.

@media (min-width: 400px) {
    body:after {
        content: 'widescreen';
        display: none;
    }
}

var size = window
    .getComputedStyle(document.body, ':after')
    .getPropertyValue('content');

if (size === 'widescreen') {
    // ...
}