modernizr/feature-detects/css/aspectratio.js

Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.

/*!
{
  "name": "aspectratio css property",
  "property": "aspectratio",
  "tags": ["css aspectratio", "aspect-ratio"],
  "builderAliases": ["aspectratio"],
  "caniuse":"mdn-css_properties_aspect-ratio",
  "authors": ["Debadutta Panda"],
  "notes": [{
    "name": "MDN Docs",
    "href": "https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio"
  }]
}
!*/
/* DOC
Detect working status of all aspectratio css property
https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
*/
define(['Modernizr', 'createElement'], function (Modernizr, createElement) {
  Modernizr.addTest("aspectratio", function () {
    if (typeof CSS !== "object" && typeof CSS.supports === "function") {
      return CSS.supports('aspect-ratio', '1 / 1')
    } else {
      var element = createElement('p'),
            elStyle = element.style
      if ('aspectRatio' in elStyle) {
        elStyle.cssText = 'aspect-ratio:1 / 1'
        element.remove()
        return (elStyle['aspectRatio'] === '1 / 1');
      } else {
        element.remove();
        return false;
      }
    }
  });
});