🥇 Consultas de mídia em JS

Uma maneira interessante de deixar CSS falar com JS diretamente. Encontrado neste comentário

Ele usa getComputedStyle que tem suas limitações , mas pode ser substituído por .css () do jQuery, conforme descrito aqui

CSS

body:after {
      content: 'fluid';
      display: none;
    }
@media only screen and (min-width: 64em) {
      body:after { content: 'fixed'; }
    }

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

Related Posts