use CSS queries

[tinovyatkin]

Two small changes related to more effective use of CSS queries in JS:

1. use window.matchMedia('min-height') instead of (incorrect) window height calculation (supersedes Updated windowHeight to be based on viewport #633, sorry @justin-duncan 🤷🏼‍♂️)
2. use last-of-type instead of querySelectorAll().pop 😮

And one change to SCSS to use visibility: hidden instead of display: none to prevent one extra reflow on reveal.

[justin-duncan]

Downloaded your fork and built it, but it doesn't solve what my issue was that it doesn't flip based on current view-port, now it seems like the default is always up, am I missing something?

[tinovyatkin]

@justin-duncan you are right, sorry, seems like need to remove more code here.
Is that looks right now?

[justin-duncan]

Yeah, that's much better if its more efficient, appreciated @tinovyatkin.

[tinovyatkin]

@justin-duncan it's more efficient at least due to fact that it doesn't causes extra reflow(s) here. And way less code, until @jshjohnson knows some side effect these code had.

[jshjohnson]

This works really nicely 👍 I can't stand dealing with window/document heights and widths in javascript...