getCSSDeviceOrientation

// gets device orientation.
// possible values: "landscape" | "portrait" | "" (can't detect)
const getCSSDeviceOrientation = () => {
  function mediaQuery(orientation) {
    return `(orientation: ${orientation})`;
  }

  const orientations = ['landscape', 'portrait'];
  for (let orientation of orientations) {
    if (window.matchMedia(mediaQuery(orientation)).matches) {
      return orientation;
    }
  }

  return '';
};