Find all elements with a specific style attribute

examples.js

getElementsWithStyle('border.*radius');

getElementsWithStyle('box-shadow');

index.js

// Array.from polyfill
if (!Array.from) {
    Array.from = function (object) {
        'use strict';
        return [].slice.call(object);
    };
}

var styleSheets = Array.from(document.styleSheets);

function getElementsWithStyle(styleName) {
  return styleSheets.reduce(function(results, styleSheet) { 
    if (styleSheet.rules) {
      var rules = Array.from(styleSheet.rules); 

      rules.forEach(function(rule) {
        if (rule.type === CSSRule.STYLE_RULE) {
          var styleDeclarations = Array.from(rule.style);

          styleDeclarations.forEach(function(styleDeclaration) {
            if (new RegExp(styleName).test(styleDeclaration)) {
              if (!(rule.selectorText in results)) {
                // Only add rule once for each selector for (ex. border-.*-radius => border-top-left-radius, border-top-right-radius, etc) 
                results[rule.selectorText] = Array.from(document.querySelectorAll(rule.selectorText))
              }
            }
          });
        }
      })
    }

    return results;
  }, {});
}